Javascript Tree List by Deluxe-Tree.com
Javascript Tree List


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree List

Javascript Tree List Sample Tree Code Cascade Menu

Features Javascript Tree List

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree list menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Tree Drag Drop Different Frame Javascript Tree List
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
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".
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.

  • 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!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Javascript Tree List

Q: I am struggling with my menu on my site the submenu is under the main text area. How do I make the submenu come to the front.


A: Check your z-index for <DIV id=navigation>.
Try to write it, for example, so:

<DIV id=navigationstyle="Z-INDEX: 10; LEFT: 0px; WIDTH: 170px; POSITION: absolute; TOP: 5px; HEIGHT: 600px">

Try that.


Q: I purchas the tab menu javascript but i when i add the javascript to my page i cannot go to the page where the link is pointing to.
The javascript containsthe link but when i calick the tab nothing happens.


A: Add 'link:' prefix before your links.

Try to write your links in the following way:

["Clinical","link:http://localhost:49303/Clinical_Policy.aspx", "", "", "", "Clinical Policy documents", "", "", "", ],
["Accounting","link:http://www.yahoo.com", "", "", "", "", "", "", "", ],
["Service Coordination","link:SC_Policy.aspx", "", "", "", "", "", "", "", ],
["Recruiting","link:Recruiting_Policy.aspx", "", "", "", "", "", "", "", ],
["Customer service","link:CS_Policy.aspx", "", "", "", "", "", "", "", ],
["Marketing","link:Marketing_Policy.aspx", "", "", "", "", "", "", "", ],


Q: I contact you because this morning we have bought a single license of your deluxe tree menu for our web site www.roderstore.com All features of tree menu work good when I try it on local computer.

When I send the files on web site there is the problem that we must work on different directory : the script must be saved in a directory and the html page with menu inside is installed in another directory.

We can't save the script inside the directory of html pages because there are a lot of pages that call the tree menu, in different levels of path.

In the header of html page I have write the absolute path of script ( http://www.domain.com/menu/it/deluxe-menu.files/ ) and I have called the source of script with all absolute path.

The problem is that the tree javascript moving menu is visible, the function are OK ( expand and collapse are OK ) but the tree don't have the images !

I presume that the problem is the different directory of script and html page ?

What can we do ?

A: You can try to use absolute path to your images. To do it you shouldset the following javascript moving menu parameter:

  var tpathPrefix_img="http://www.domain.com/menu/it/deluxe-menu.files/";

You can also send us a direct link to your website, so we can check it.



Q: > You should call the following function:
> dtreet_ext_getItemIDByIndex (0, 12)
> where 12 - is index of the item.

How would I know that 12 is the index of the item? How is itemInd different from its itemID? I assume the menuInd is always 0 for the first menu (or only in my case) menu on a page?


A: Yes, menuInd is the number of the menu on your page (in your casemenuInd=0).

itemInd is the number of the item in your menuItems, for example:

  var tmenuItems =
[
["Home", "http://deluxe-tree.com", "icon1_t.gif", "icon1_to.gif","", "Home Page Tip","_blank"],//itemInd=0

["<img src='data_files/images/sep.gif' width=113 height=1>"],//itemInd=1

["+What's New<br><span id='letter'>This is pretty cool. I need to buy this deluxe menu</span>", "", "icon2_t.gif", "icon2_to.gif", "", "Product Info Tip"],//itemInd=2
 ["|What's New", "testlink.htm", ""], //itemInd=3
 ["|Features", "testlink.htm", ""], //itemInd=4
 ["|Installation", "testlink.htm", ""], //itemInd=5
 ["|Functions", "testlink.htm", ""], //itemInd=6
 ["|Supported Browsers", "testlink.htm", ""], //itemInd=7
["Samples", "", "icon3_t.gif", "icon3_to.gif", "", "Samples Tip"], //itemInd=8
 ["|Sample 1", "testlink.htm", ""], //itemInd=9
 ["|Sample 2", "testlink.htm", ""], //itemInd=10
 ["|Sample 3", "", ""], //itemInd=11
   ["||New Sample 1", "testlink.htm", ""],//itemInd=12
   ["||New Sample 2", "testlink.htm", ""],//itemInd=13