Template: Javascript Tree Menu

Vista Style 2 Treeview Menu

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Unlimited number of sub levels
    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover
    - different speed for an animation for submenus
    - Several menus on one page
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Filters and Transitional effects

Menu Screenshots Javascript Tree Menu

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

Features Javascript Tree Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Tree Menu Dhtml Javascript Tree Menu

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

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

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree menu menus easily and in no time
Sensible menu parameters for manual editing

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 Menu

Q: Is there a way to get text to wrap on a tree menu rather then have scroll bars if the text is wider then the area?

A: To wrap your text you can use the following parameter:
var tnoWrap=0;

you can also use standard <br> tags.
["|Home aaaa aaaaaa aaaaaa<br>aaa aaaaaaaaaaa","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],

Q: I am using collapsible javascript menu. In the menu are some links to pdf-files.
On clicking them, a new window opens and the pdf is shown.
But to download the file, the right mouse click is necessary, but the field with save link isn't displayed. Any idea to solve this problem?

A: You can try to write your tmenuItems in the following way:

["|<a href='file.pdf' target='_blank'>Open file</a>","", "", "", "", "", "", "", "", ],

But you should create correct style for <a> tag.

Q: I want to set links in a text, which opens html pop up window and not to open the Window on start.

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file
if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

Q: My menu bar will not “center” when I view it via the Firefox and Netscape browsers.
It views fine via Internet Explorer. Is there any remedy for this?

A: Try to set exact width for the menu in "px", for example:

var menuWidth="400px";

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