State Saving Web Tree Menu There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically! Set the following parameter: var tsaveState = 1; and the menu remembers its structure for each user who visit your page. Try to expand/collapse items. Then reload the page and you'll see results.
Deluxe Tree: XP Style
Home
Product Info
What's New
Features
Installation
Functions
Supported Browsers
Samples
Sample 1
Sample 2
Sample 3
Sample 4
Sample 5
Sample 6
More Samples
New Sample 1
New Sample 2
New Sample 3
New Sample 4
New Sample 5
Purchase
Support
Write Us
Samples Gallery
Samples Block 1
New Sample 1
New Sample 2
New Sample 3
New Sample 4
New Sample 5
Samples Block 2
New Sample 1
New Sample 2
New Sample 3
New Sample 4
New Sample 5
Samples Block 3
New Sample 1
New Sample 2
New Sample 3
New Sample 4
New Sample 5
Key features:
- Status string shows item labels - Unlimited number of sub levels - Submenus automatically scrolls - Vertical orientation of the Tree Menu - different speed for an animation for submenus - Personal CSS styles for separate menu elements - Relative/Absolute menu position - Each item can have individual settings
Use images for backgrounds of submenus and items, icons, arrows.
Use any amount of menus on a single page.
Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.
Q: Is there a way to add an email address or pdf document as a as a menu en javascript item item?
A: You can open any files using JavaScript Tree Menu including PDF files.
Yes, you can insert any html code within menuItems, for example:
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"], ["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""], ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"], ["|Write Us", "mailto:support@deluxe-menu.com", ""],
Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.
A: To add a separator you should
//--- Separators var separatorImage=""; //for subitems (top items in vertical menu) var separatorWidth="100%"; var separatorHeight="3px"; var separatorAlignment="right"; var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu) var separatorVWidth="100%"; var separatorVHeight="2px"; var separatorPadding="";
You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example: