Html Tree Example by
Html Tree Example

Buy Now!  Free Trial Download

Menu Screenshots Html Tree Example

Html Tree Example Simple Horizontal Menu Tree

Features Html Tree Example

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

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Html Tree Example

Q: Is it possible for a javascript navigation barr item to have an associated "target"?

What I mean is I'd like to be able to open the page in a new window, so I'd need to specify the href as well as "target=_new" (in HTML anyway).

A: You can set target parameter for all items:
  var itemTarget="_blank";

Where main - is the name of the main middle frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],

Q: I have created aKaspersky menu, but the links don't work.

A: See, you can use links if you have
  var tabMode=1;

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript:'test.html', 'frameName')", ...],
["tab text", "javascript:'test.html', '_self')", ...],
["tab text", "javascript:'test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;

Q: We need to have the current Tuner running on our Mac to create rollover menus

A: We have MAC version of Deluxe Tuner (html version).

You should download free trial version on MAC.
So, you'll have MAC version of JavaScript Tree Menus.

And use the licensed engine files from the licensed .zip
(you candownload it from the link in your license message).

Unfortunately we don't have html version of the Tuner for Javascript/DHTML Treeand Deluxe Tabs now.
We'll try to create it in the nearest future.

You can find all templates for Javascript/DHTML Tree, Deluxe Tabs, Popup Window, Calendar in thetrial package.
More info about installation and parameters you can find on our websites:

Q: Couple last questions. I have 25 icons (images) on one page. Each image needs it's own popup menu. Obviously I now have the first one working. How and where do I define IDs number 2-24 ? Does each icon need it's own "source_" file?

Also, where is it defined that the popup menu is ID 1 ?

A: > Also, where is it defined that the popup menu is ID 1 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0

<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1

<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2

<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3

<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

> I have 25 icons (images) on one page. Each image needs it's own popup menu.
If you want to have different Popup menus (there color, item, text,font and so on) you should create 25 different .js files with yourparameters. And call them from your page, for example:

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop24.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [



and move it to the html page:

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [


<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [


<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [


<script type="text/javascript"> //twenty fourth popup menu ID - 3
  var menuItems = [



<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(24, 1000, event);" style="cursor: hand;">