Template: Javascript Tree Collapsing Expanding

XP Style Orange State Saving Web Tree Menu

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.

Key features:

    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Submenus expand/collapse on mouseover
    - Items with icons
    - 3-state icons for each item
    - Relative/Absolute menu position
    - Submenus have a fade effect
    - Movable and floatable menu

Menu Screenshots Javascript Tree Collapsing Expanding

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

Features Javascript Tree Collapsing Expanding

Professional Look-n-feel

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

Easy Setup

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

Slide Down Menus Tree Javascript Tree Collapsing Expanding

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".

Cost Effective

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

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

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

Javascript Tree Menu. Expandable Menu.

You can create 3-state icons for each item: normal state, mouseover state, expanded state.
Use images for icons, backgrounds of submenus and items.
You can use with any amount of menu and submenus on one page.
Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

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

Recent Questions Javascript Tree Collapsing Expanding

Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.

A: You should check the following parameters:

  var shadowLen=3;
  var shadowColor="#B1B1B1";
  var shadowTop=1;

Q: I want to use my own function within menuItems in the drop down menu button.

A: You can use Javascript instead standard links. For example:

var menuItems = [
["text", "javascript:launchWin('popups/popup_member_browser.cfm','css_MemberBrowser',600,720,0,0,0)"]
];

Q: My pop out menus in the vertical navigation bar appear on the left instead of the right.

A: You can try to change the following parameter:

var subMenuAlign="left";

Q: I can’t seem to figure out how to specify the width of individual horizontal menu items for the html menu. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];
  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.

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