Template: Javascript Tree Right Side

Vista Style 2 Treeview Menu

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - 3-state icons for each item
    - Filters and Transitional effects
    - Image arrows
    - Movable and floatable menu
    - Status string shows item labels
    - Submenus automatically scrolls
    - Several menus on one page
    - Unlimited number of sub levels

Menu Screenshots Javascript Tree Right Side

Buy Now! :: Free Trial Download :: More Info

Features Javascript Tree Right Side

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree right side menus easily and in no time
Sensible menu parameters for manual editing

Html Tree Menu Javascript Tree Right Side

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree right side samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Seamless Integration

Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

There can be as many submenus as you want.
Use a mouse to drag a menu as a usual window.
When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Javascript Tree Right Side

Q: I've been playing with this product and it does exactly what I need so far!.

My problem question is this:-

The menu I have created shows a several icons that activate cgi code on the web server. What I want to know is can these drop down menus change the image when an icon is actually pressed?

I trying to find how I can present the user with a button pressed in image when the icon is clicked and maintain that image until another icon in that menu is pressed?

Can this be done? If not is it something you can do for me at a cost?

A: See more info about pressed item here:

http://deluxe-menu.com/highlighted-items-sample.html

Q: I am setting up a menu with word wrapping "on". Is it possible to have the wording in the middle of the text go to a new line?
If so, how do I do that?

A: Unfortunately, you can't do it.

You can only set the following parameter
var noWrap=0;
and use tags in the text, for example

["ffffffff fffffffffffff fffffffffff Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ],

Q: Where can I change the font size in the main deluxe menu's (i.e. Products, About, Contact Us)?
Using the deluxe tuner doesn't allow me change this font or the size, so the submenu's are bigger than the top.

A: You can also check Individual Item Styles. May be you set font sizefor the top items using Individual Item Styles.

Q: I am really interested in this product but I am having difficulty adding content to the java menu bar tabs. I checked the FAQ section and followed the directions, but when I test it nothing happens and I get an error on page at the bottom.

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">

 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your description here!!!!!
</div>-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">

 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your description here!!!!!
</div>

Buy Now! :: Free Trial Download :: More Info