Html Tree Menu Example by Deluxe-Tree.com
Html Tree Menu Example


Buy Now!  Free Trial Download

Menu Screenshots Html Tree Menu Example

Html Tree Menu Example Cool Tree Navigation Menus

Features Html Tree Menu Example

Easy Setup
  • De Luxe Tuner. GUI interface to create your html tree menu example 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 html tree menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dropdown Menu Tree Relative Positioning Html Tree Menu Example
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".
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There can be as many submenus as you want.
  • Use a mouse to drag a menu as a usual window.
  • When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Recent Questions Html Tree Menu Example

Q: I am getting stuck with trying to set a default tab in the div tab menu to be selected when a window opens...
What I've been trying to do is changing this line here :

  var bselectedItem=0;

At 0 (default) it has the first tab selected. Any other number and notabs are selected.
Is there a setting somewhere else that I am missing?A: You can set "bselectedItem" and "  var bselectedSmItem" parameters based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD&tg;




Q: What can I do to optimize the load time for dhtml rollover
and prevent reloading it from the server with every page reload.

A: You can try to use AJAX technology.

AJAX-like technology: data for submenus can be loaded "on-the-fly" from the server.

New parameter:
  var tajax = 0/1; - disables/enables AJAX-like support

Current syntax for item parameters (  var tmenuItems):
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFileName]

Where jsFileName - .js filename on the server with submenu items (  var tmenuItems).



Q: I have in my script the following entry

<script type="text/javascript" language="JavaScript1.2" src="resources/deluxe-menue/dmenu.js"></script>

<noscript><a href=http://deluxe-menu.com/>(c)2008 Javascript Menu by Deluxe-Menu.com</a></noscript>

but I get the notice "Incorrect Copyright" in my double drop down menu. What did I make wrong?

A: You should write NOSCRIPT tag in the following way:

<noscript><a href="http://deluxe-menu.com">(c)2008 double drop down menu by Deluxe-Menu.com</a></noscript>

Make sure that you're using last version of JavaScript Tree Menu.

You can download last version of JavaScript Tree Menu from the same link inyour license message.



Q: Is it possible to have your menu mouseover call one of my functions?
I need to change some text on the screen based on which menu itemis highlighted.

A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div onmouseover='yourFunc()'>item text</div>"]
];

Where yourFunc() is Javascript function.