Template: Expand Collapse Html Code Tree View

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - Submenus have a fade effect
    - Items with icons
    - different speed for an animation for submenus
    - Submenus expand/collapse on mouseover
    - Image arrows
    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls
    - Relative/Absolute menu position

Menu Screenshots Expand Collapse Html Code Tree View

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

Features Expand Collapse Html Code Tree View

Easy Setup

De Luxe Tuner. GUI interface to create your expand collapse html code tree view menus easily and in no time
Sensible menu parameters for manual editing

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

Ejemplos Menu Web Tree Expand Collapse Html Code Tree View

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed expand collapse html code tree view samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Javascript Tree Menu. Expandable Menu.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
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!

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

Recent Questions Expand Collapse Html Code Tree View

Q: The submenus are going up instead of down in the sub navigation bar.

A: You should set the following parameter:

var subMenuVAlign="top";

Q: When you hover over words the background color is light blue - How do I change dhtml context menu so that the color when you hover over items is different?

A: You should change the following parameter:

var itemBackColor=["#FCEEB0","#65BDDC"];

Q: How can I keep the already opened node open in simple tree view, when you expand another node.

A: Please set the following parameters:

var tcloseExpanded=0;
var tcloseExpandedXP=0;

Q: Is there a way to add an email address as a menu item in the html free menu?

A: You can open any files using JavaScript Tree Menu including PDF files.

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:[email protected]", ""],

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