Javascript Tree Examples by Deluxe-Tree.com
Javascript Tree Examples


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Examples

Javascript Tree Examples Examples Of Tree Onmouseover

Features Javascript Tree Examples

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree examples 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".
Tree Disable Appearance Javascript Tree Examples
Cost Effective
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Recent Questions Javascript Tree Examples

Q: When I click on a tab in the css drop down menu tabs it is not activate.
What is the setting to change this?

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>>




Q: I am trying to placed a separator image in between each item in my css vertical dropdown menu. I have placed the image in the seperator field and it will not display. How can I get an image to be a separator in between items on my css vertical dropdown menu?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in css vertical dropdown menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in css vertical dropdown menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Now I am coming across one more problem...
The alignment of the menu is off.

Where I can download previous versions of the menu?


A: I suppose that you're saying about submenu position.
Please, check the following parameters

  var topDX=0;
  var DX=0;

You can download trial package from the following links:
v1.12
http://deluxe-menu.com/deluxe-menu112setup.exe
v1.14
http://deluxe-menu.com/deluxe-menu114setup.exe
v1.71
http://deluxe-menu.com/deluxe-menu171setup.exe


Q: When a user click on an item in the dhtml side menu I need to target the execution of that link to a different IFrame in the same page, is that supported?

A: Set the following parameter:

  var titemTarget="name";
where name is the name of your Iframe.

You can also specify the target for each item individually:
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "name", "", "", "", ],