Template: Javascript Tree Layout Svg

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:

    - Items with icons
    - Submenus automatically scrolls
    - Status string shows item labels
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Image arrows
    - Submenus have a fade effect
    - Personal CSS styles for separate menu elements

Menu Screenshots Javascript Tree Layout Svg

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

Features Javascript Tree Layout Svg

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Horizontal Sliding Menu Tree Javascript Tree Layout Svg

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

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 layout svg 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 Layout Svg

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

Q: When I add the menu to sites which are using ASP script the font color doesn't change when I roll over the menu, can you please have a look for me and explain whats up.

A: You're using CSS for your web pages.
You have set the font-color for the <TD> tag in an css style sheet file to #ed9c33.

Notice you should use CSS-based menu (CSS mode) if you're using CSSfor your TD tags (and for other objects).

Q: When I stay on one page (for example "Home") аlso must have the menu-point "home" another color or font. How can I make this?

A: You should set pressed item.
Please, check the following parameter

var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

JavaScript Tree Menu v2.4 has only two states normal and mouseover. Now we'repreparing new version of JavaScript Tree Menu. It saves it state after thereloading of the page. We're planing to release a new version during a month.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
You can also set the correct
var pressedItem=1;
parameter on each html page.

Q: How can I open menu on simple link mouse over

<a href=""OnmouseOver="OPENMENU">Smaples</a>

A: You can create pop up menu, see more info here:

http://deluxe-menu.com/popup-mode-sample.html

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