Javacript Tree by Deluxe-Tree.com
Javacript Tree


Buy Now!  Free Trial Download

Menu Screenshots Javacript Tree

Javacript Tree Mouse Over Tree Menu

Features Javacript Tree

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
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".
Tree Example Code Dropdown Menu Javacript Tree
Easy Setup
  • De Luxe Tuner. GUI interface to create your javacript tree 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 javacript tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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 Javacript Tree

Q: Can I have the pop-out menus in the floating navigation bar go left instead of right.

A: You should use the following parameter (Deluxe Tuner->Positioning):

  var subMenuAlign="left";

Q: I cannot get the separator image to display in my dhtml right click menu. Is there a setting I am missing? I want to separate the main menu items with an image.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical dhtml right click 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:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1

Try that.


Q: I use your product for one of my clients and so I am familiar with using Deluxe Tuner on the Mac and editing that menu, etc. It is a simple menu though, that doesn't use any images or anything fancy.

I want to purchase the javascript nav menu for another client.

My question is, he loves that tabbed javascript nav menu I originally did, and right now they are in one big image map. I can cut them up, but with your menu software, will I be able I to have the top menu as those tab images, and the sub-menu show on mouseover as just plain text? (Like SigmaFlow's sub-menus.)

Any advice is appreciated. Thank you!

A: Yes, of course, I don't see any problem with it.

You can use any images as item background, see for example:

http://deluxe-menu.com/data-templates/vista-style-01-template-sample.html