Template: Tree View Using Javascript

Vista Style 3 Tree Menu Script

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:

    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Submenus have a fade effect
    - Items with icons
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Inactive/Disabled items
    - Image arrows

Menu Screenshots Tree View Using Javascript

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

Features Tree View Using Javascript

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 tree view using javascript menus easily and in no time
Sensible menu parameters for manual editing

Tree Collapse Menu Example Tree View Using Javascript

Professional Look-n-feel

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

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 :: 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 Tree View Using Javascript

Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?

(I want each tree menu element contain a check box and some text. )

A: No, unfortunately Javascript/DHTML Tree doesn't have such a feature now.

But you can paste any html code inside item text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "","", "0"],

["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

["|Write Us", "", ""],

["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],

Q: In Firefox, the java popup menu is hidden behind Flash player. Anyway to fix this?

A: See fix for flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html

Q: I'm trying to get the scrolling menu to display upwards, but the items are displaying downwards.

A: You should set the following parameters in your data.js file:

var subMenuAlign="left";
var subMenuVAlign="bottom";

Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.

A: Try to specify units in "px".
var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.

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