Javascript Tree Explorer by Deluxe-Tree.com
Javascript Tree Explorer


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Explorer

Javascript Tree Explorer Tree Dhtml Example

Features Javascript Tree Explorer

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree explorer menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tree Menu Navigation Javascript Tree Explorer
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree explorer 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

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!

Recent Questions Javascript Tree Explorer

Q: I've noticed something strange in the Javascript/DHTML Tree and I am wondering if this is normal.

Here's an example I have in my "data.js" file to populate the javascript ajax tree:

  var tmenuItems = [

["Mes alertes/My alerts","", "", "", "", "", "", "0", "", "", ],
 ["|Francais","", "", "", "", "", "", "", "", "js/AjaxTreeFr.js", ],
 ["|English","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Here's basically how it goes:

- Basically the "0" represents a pre-built style that I have set for the root of my tree.

- Under this are the first child of the root called "Francais" and "English" which I link with a JS file to populate (Because the users will customize the alerts they want to see).

This works perfectly fine. But it is a workaround. Let me explain what I wanted in the first place:

  var tmenuItems = [
["Mes alertes ","", "", "", "", "", "", "0", "", " js/AjaxTreeFr.js ", ],
["My alerts","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Basically I wanted to have 1 javascript ajax tree with 2 root items "Mes alertes" and "My alerts" but it seems impossible to attach a js file to the root of the tree view. (It doesn't get populated).

Any ideas?

A: See AJAX feature won't work for first-level in XP style now.

It works if you use:
  var tXPStyle=0;


Q: I have not seen anything that can help me in the question list and
I would like to ask how to have a php tree view closed by default.

A: You should delete "+" signs in the top items and set the followingparameter:

  var texpanded=0;


Q: My Submenu is faded too quickly if I pull the mouse away from the java drop down menu.

A: You can try to use JavaScript Tree Menu - this is a newer version of DHTMLMenu. You can use the following parameters there:

  var smShowPause=200;
  var smHidePause=5000;



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