Javascript Vertical Tree Structure by Deluxe-Tree.com
Javascript Vertical Tree Structure


Buy Now!  Free Trial Download

Menu Screenshots Javascript Vertical Tree Structure

Javascript Vertical Tree Structure Tree Popup Menu Example Code

Features Javascript Vertical Tree Structure

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical tree structure 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 javascript vertical tree structure samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Make Menu Tree Javascript Vertical Tree Structure
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
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Javascript Vertical Tree Structure

Q: I'm using your Delux Menu and I would like to know how to change the back ground color of the sub drop down menu from the teal color to a gray and am nothaving any luck locating this option.
Please advise.

A: Try to use the following parameters:

  var menuBackColor="#C0C0C0";
  var itemBackColor=["#C0C0C0","#65BDDC"];

You can also check Individual Styles. It is possible that you setbackground color there.


Q: Is it possible to make on top of the javascript expandable tree 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)


Q: Is there a way to programmatical select an item in the scrolling menu without the user actual click on the item?

A: 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.




Q: I downloaded the trial version of Deluxe Tuner and love the menus it makes. I'm havinga major problem centering the expandable menu in a table. I'm using FrontPage 2002 but added thescript into the page via notepad. No matter what I try, the expandable menu stays on the left ofthe table. Do you have any suggestions? I'm sure you must have a list of problemsassociated with FrontPage. Can you please help me?


A: To center the menu on your html page you should set the followingparameter and install the menu in the following way:

  var absolutePos=0;

<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript"
src="data/data.js"></script></td>
</tr>
</table>