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


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Menu

Javascript Tree Menu Tree Drop Down Menu Disable

Features Javascript Tree 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Tree Menu Creator Javascript Tree Menu
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 Menu

Q: I need a web navigation bar with a transparent background for the menu and the submenues.

A: You can set the following parameters:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];

You can set transparency for submenus using the following parameter:

  var transparency="70";



Q: I downloaded the trial version, so I’m doing some testing....

I can’t highlight the selected dhtml pop up menu item of the current page. The   var ttoggleMode is enabled and
tpressedFontColor = "#AA0000

This is caused by the trial version?

A: Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;-1 - the toggle mode is enabled, bu
t no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.



Q: I've been using your application for about 2 years but have never been able to insert a vertical divider in dhtml menu source.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Please, see the following parameters:

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


Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the JavaScript Tree Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],