Javascript Tree Dock Menu by Deluxe-Tree.com
Javascript Tree Dock Menu


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Dock Menu

Javascript Tree Dock Menu Menus Desplegables En Tree View

Features Javascript Tree Dock Menu

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".
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree dock menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Example Dynamic List Javascript Tree Dock Menu
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
Cost Effective
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Javascript Tree Dock Menu

Q: I have an other question about Vista menus :
If the word is too long, the dhtml menu images are not correct.
Please look at the screenshot.

A: See images in Vista Templates have the fixed width and height (92 x 21).

You can try to use the following parameter to use combinedbackground for your items, for example:

  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



Q: I want to activate script pop up by a hyperlink.

A: Drop down menu items is an array of arrays. It has the following structure:

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

where target is target for an item link.
Available values: _self, _blank, _parent, _search, _top.

So you can set the target value _blank for the items you need.

For example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","http://deluxe-menu.com", "", "", "", "_blank", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "", "", "", "", "", ],
];

More info you can find here:
http://deluxe-menu.com/menu-items-info.html



Q: We just downloaded the trial versions to evaluate and I noticed something a little odd. When I build a menu that will not have icons next to the links, I don't see a way the I can move the test further tothe left inside the menu.

Notice how the links within the menu box are almost centered? Is there anyway to move those items further to the left?


A: Try to set the following parameter.

  var tlevelDX=0;

You cannot move it closer to the left side.


Q: Does your menu html javascript support Arabic language fonts?

A: Actually you can use any letters in the menu.
Please, check that you've set "Tools/Use utf8 encode".
When you save your data file in UTF8 you should use the same encoding on our html page.
So you should write:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.