Html Tree Navigation by Deluxe-Tree.com
Html Tree Navigation


Buy Now!  Free Trial Download

Menu Screenshots Html Tree Navigation

Html Tree Navigation Javascript Tree Pull

Features Html Tree Navigation

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

Q: This tiny javascript menu codes (30kb) take about 25 seconds to load in our browsers (internet explorer)

This intranet site serves approx 15 workstations and I named it 'QuickFind'. It is now the slowest to load of any websites, applications, you name it...

So it is bit embarassing ...

Hoping you can help me to resolve this

A: Try to set the following parameters:

  var dm_writeAll=0;
  var useIFRAME=0;



Q: I can not however find the option to move submenus closer together, I have too much ident for my taste.
How can I change that, by hand if that is the only way...

I mean this:

MENU1
    +    SUBMENU1

I would like

MENU1
   + SUBMENU1

Is that possible?


A: If you don't want to have icons before item text you can write so:

//------- Icons -------
  var ticonWidth = 0;
  var ticonHeight = 0;
  var ticonAlign = "left";

Your items will be closer to the "+" buttons.


Q: Is it possible to expand thetree menu javascript in a predefined way?
Lets say, Item 1 expanded, Item 2 not expanded, anyway, it should look like I select it in the ITEMS program window.
Now it is exanded completely or not, like I use the switch in the common parameters.



A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Javascript/DHTML Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
 ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Javascript/DHTML Tree: XP Style" item will be expanded by default in that case.
Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html


Q: What I would like to achieve is a separator in the main menu list of a vertical menu.

I can get the separator to show in submenus but not the main menu.


A: You should write so:

  var separatorImage="menu.files/sep_blue.gif";
  var separatorWidth="90%";
  var separatorHeight="3";
  var separatorAlignment="center";
  var separatorVImage="menu.files/sep_blue.gif";
  var separatorVWidth="90%";
  var separatorVHeight="3";
  var separatorPadding="0px";