Javascript Tree Ol by Deluxe-Tree.com
Javascript Tree Ol

Template: Javascript Tree Ol

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - Unlimited number of sub levels
    - Vertical orientation of the Tree Menu
    - Status string shows item labels
    - Several menus on one page
    - Movable and floatable menu
    - Each item can have individual settings
    - Inactive/Disabled items
    - Submenus automatically scrolls





Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Ol

Javascript Tree Ol Tree With Dhtml

Buy Now!   ::  Free Trial Download   ::  More Info

Features Javascript Tree Ol

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
Cost Effective
Tree Hide Item Javascript Tree Ol
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree ol 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 tree ol 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
Buy Now!   ::  Free Trial Download   ::  More Info

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!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Javascript Tree Ol

Q: I have a problem. How can we get the value of a parameter passed by the menu, when a menu item is clicked? For example I want to get the URL or file name to be open by the menu item when it is clicked.
I am talking about TREE menu.


A: If you want to open url or a file when you click on items of the tree menu you can write, for example:

  var tmenuItems = [
["+DHTML Menus","http://dhtml-menu.com", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
 ["|Save as...", "javascript:OpenFile('file_name')"]

];


Q: Is there a way to have the menu stay expanded in the same exact state when
I click on a menu item of the javascript tree view and go to a new page?

A: There is no need to write additional code on a server side to remember what items were expanded/collapsed.
DHTML Tree Menu can save items state automatically.
Please, see the example of the menu that works with cookies:
http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html

Set the following parameter:

  var tsaveState = 1;

and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.


Q: Is there an option for word wrap for dreamweaver drop down menu?

A: To wrap your text you can use the following parameter:

  var tnoWrap=0;

You can also use standard <br> tags.

 ["|Text Text Text Text <br> Text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],

Q: I would like to use it in a page containing two iFrames.

The iFrame called "nav" is where the menu will appear and the iFrame called "main" is where I want any sub-menu items to appear.

How can this be done given there are no "frameset" tags in this type of structure?


A: JavaScript Tree Menu doesn't work with <IFrame> objects.
It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.

You should use standard installation for the menu.


Buy Now!   ::  Free Trial Download   ::  More Info