Template: Javascript Tree Graph

Vista Style 6 Dhtml Menu Tree

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:

    - Vertical orientation of the Tree Menu
    - Movable and floatable menu
    - Status string shows item labels
    - 3-state icons for each item
    - Filters and Transitional effects
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - Several menus on one page

Menu Screenshots Javascript Tree Graph

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

Features Javascript Tree Graph

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

Professional Look-n-feel

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

Tree Drag And Drop List Javascript Tree Graph

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

Easy Setup

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

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.

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!
When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

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

Recent Questions Javascript Tree Graph

Q: Is it possible to centere mouse over drop down menu?

A: Check that you set relative position for the menu:
  var absolutePos=0;
  var posX="0px";
  var posY="0px";

Place your menu in DIV or TABLE with center alignment.

Q: I am working on creating a new navigation menu with Tree menu.
I wonder how I can reduce the width of the menu?

A: You should set this parameter

  var tmenuWidth = "275px";

Try to set also the following parameters:

  var tlevelDX = 0;
  var tnoWrap=0;

Q: I just downloaded the beta for IE8

http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/Install.htm

And it looks like the java script menu code has a lot of issues with it. Are you guys going to be supporting IE8?

A: Yes, we're planning the full support for IE8 as well as for all major browsers.

All issues will be fixed with final version of IE8.

Q: I am having problems with the XP Taskbar Menu. When I use DOCTYPE in the following format, the task bar does not show up atall for the exception of a single line.

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

When I hover my mouse on top of that line the menu displays fine with no problems. So the problem is with the Start button and the taskbar – they do not show. Can you please advice on how to fix this problem while keeping the DOCTYPE as specified.

A: Try to set the exact width for the menu:

var menuWidth="685px";

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