Template: Dtree

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:

    - Filters and Transitional effects
    - Movable and floatable menu
    - Unlimited number of sub levels
    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu
    - different speed for an animation for submenus
    - Relative/Absolute menu position
    - Image arrows

Menu Screenshots Dtree

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

Features Dtree

Professional Look-n-feel

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

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

Javascript Tree File Dtree

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

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

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
Runs well with an unlimited number of submenus and items

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

Javascript Tree Menu. Expandable Menu.

You can create any style for XP menu:
different icons, colors, and buttons for each submenu title;
any color for borders, backgrounds, and font of menus and items;
any available font style; and many other options!
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions Dtree

Q: The submenu pop is appearing above the menu instead of the bottom again even though I have set the following parameter var subMenuVAlign="bottom";

A: Use new engine files and set the following parameter:

var subMenuVAlign="top";

Q: Is it possible to have the actual words clickable in order to open up a sublevel menu instead of having to click on the + symbol?

A: Yes, you can do it.
You should set this parameter:

var texpandItemClick = 1;

Q: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?

A: See how you can find the ID of the clicked item:

var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];

Q: Last, I couldn't solve the issue I meet when I set up a long name for an dhtml side menu item: next item overlaps. Is it possible to specify the width of an item?

A: You can try to use the following dhtml side menu parameters to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

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