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


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Menu

Javascript Tree Menu Tree Popup Menu Onmouseover

Features Javascript Tree Menu

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
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
Dynamic Menu Tree Sample Tutorial Javascript Tree 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".
Cost Effective
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Javascript/DHTML Tree!

Recent Questions Javascript Tree Menu

Q: I can't seem to have a "contact us" menu item to work.
I've even tried a custom target with
<A HREF="mailto:[email protected]"> </A>
command and get the following error:

Can you perhaps suggest a way you know that works?


A: Please, write so, for example:

["Contact us","mailto:[email protected]", , , , , , , ],


Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML page linked to text.


A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add the content in HTML Content window, for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
See the attached screen.gif.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the samefolder with your index.html (root folder of your website).


Q: Is it possible to use this easy drop down menu as a static HTML form element so it does not behave like a link but its value is posted with other form elements on submit?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<input name='as_q' value='searchthe web' size=15 style='font-size:10'> 
<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'>
</form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

Q: Thanks, we tried giving   var pressedItem=0; and the script as below:

<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>

We are facing 2 problems

1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)

2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.

A: Try to set
  var pressedItem=-2;

dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)

So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).

For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind

So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)

menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.