Template: Js Tree Navigate

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:

    - Submenus have a fade effect
    - 3-state icons for each item
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu
    - Status string shows item labels
    - Items with icons

Menu Screenshots Js Tree Navigate

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

Features Js Tree Navigate

Easy Setup

De Luxe Tuner. GUI interface to create your js tree navigate 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 js tree navigate samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Animated Tree Menu Js Tree Navigate

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

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

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 :: More Info

Javascript Tree Menu. Expandable Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

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

Recent Questions Js Tree Navigate

Q: The property var showByClick=1; not work in popupMode=1; ??? Is it possible ???

A: Unfortunately it is really impossible to show submenu on click in popup mode.

Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.

A: You can add symbol before item's text, for example:

[" Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

or you can write:

["+<div style='padding-left: 15px;'>Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

Actually you can use any html code within dhtml menu control items.

Q: All of the menu are different sizes. How can I get them to look the same, as for as sizes?
Is it something that I am doing wrong?

A: Try to specify units in "px".

var itemPadding="5px";

Try that.

Q: I've got an xp style menu that I'm trying to place within a table... Things are not rendering as I'd expect

I am trying to put the menu in the left column of the table, a form on the right side, and then center the entire table.
The html table is surrounded by a center tag (have tried a div tag with no difference).

It appears the xp menu is obeying the center tag, but not keeping it relative to the containing table...

How can I fix this issue? I have also attached the html source code as it is rendered in the browser in case that is of some use.

A: You should set the following parameter:

var tabsolute = 0;

You're using absolute position for the menu now.

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