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


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree List

Javascript Tree List Desplegables En Tree

Features Javascript Tree List

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Hide Menu Bar Tree View Javascript Tree List
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
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
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There can be as many submenus as you want.
  • Use a mouse to drag a menu as a usual window.
  • When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Recent Questions Javascript Tree List

Q: Is it possible to insert a dhtml foldout menu item at the top of the submenu? For example, if a dhtml foldout menu is defined as:

  var menuItems = [
["Search","","","","","","1","0"],
 ["|Residential","srch.php","","","","","0"],
 ["|VacantLand","srch.php?cri","","","","","0"],
 ["|Commercial/Industrial","srch.php","","","","","0"]];

How can I add a new item above “Residential?” I’ve tried the following with no luck — the forth argument does not seem to be used:

dm_ext_addItem(0, 1, ["New Sample", "testlink.htm", "", "", "Your Sample Tooltip", "middle", 0], 0)

A: To insert item in the specific position you should use thefollowing function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)



Q: How do I center a menu item inthe drop down menu example?

A: Try to use the following parameter:

  var itemAlignTop="center";

Q: JavaScript Tree Menu supports keyboard navigation eg. CTRL+F2 to activate menu.

Why does Deluxe Tabs not have the same feature?

I would like to use both java script navigation menu systems on the same page, and both need to have keyboard navigation for accessibility reasons.

A: Unfortunately it is really so, Javascript/DHTML Tree and Deluxe Tabs doesn'thave such a feature now.

We'll try to add this feature in the next versions of the java script navigation menu.



Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that. You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.