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


Buy Now!  Free Trial Download

Menu Screenshots Javascript Menu Tree

Javascript Menu Tree Treemenu Sample Download

Features Javascript Menu 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
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 Mouseover Multiple Buttons Example Javascript Menu Tree
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
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".
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu tree menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Javascript Menu Tree

Q: I am wanting to load menu items from a sql database but I cannot understand how to do it using the example you provided.

I am using asp but do not know how to incorporate it into the above javascript. Would it be possible for you to provide me with an example please? I tried using <%  …… %> but this did not work.


A: Unfortunately we don't have example with ASP.

The example of the menu working with PHP/MYSQL you can find here:

http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: I have managed to insert a separator in a menu and set the image path but the separator image does not show.

Is there anything else I need to do?


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

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

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

];
Try that.


Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?

A: No, you cannot remove expand buttons in   var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.

You can use   var tXPStyle=0; also.


Q: I would like the button in the sub navigation bar to stay white when you navigate to a particular page..


A: Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also 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.