Template: Code Javascript Save Tree Menu Item

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:

    - Submenus automatically scrolls
    - Each item can have individual settings
    - Inactive/Disabled items
    - different speed for an animation for submenus
    - Movable and floatable menu
    - Filters and Transitional effects
    - Submenus expand/collapse on mouseover
    - Image arrows

Menu Screenshots Code Javascript Save Tree Menu Item

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

Features Code Javascript Save Tree Menu Item

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

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

Css Tree Examples Code Javascript Save Tree Menu Item

Easy Setup

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

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

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 Code Javascript Save Tree Menu Item

Q: I can't find anywhere in your documentation that states where
I can call function onclick other than in the menu target for dhtml menu script.

A: You can use onclick event in the following way:

var menuitems = [
["<div onClick='getLink(\'/Admin/Sales/Customers/Customers.asp\')'>Table of Contents</div>", ""]
];

Q: Is there a javascript function that I can call that will return the ID or the Text value of the currently active tab of the web navigation?

A: Unfortunately there is no such a function now.

There are such variables.

dtabs_tabs[menuN].b1 - dtabs_tabs[menuN].selectedItem
dtabs_tabs[menuN].JT0 - dtabs_tabs[menuN].selectedSmItem

But they contain the index of the selected menu item, not the ID.

Q: Is the menu floatable?
I try the setting "float" but no change

A: You can't see floatable or movable effect in Deluxe Tuner preview.
But when your install your menu into the .html page it'll work fine.

Notice, when you use floatable menu you can't use relative menu position.
So, if you use

var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.

Q: When a user click on an item in the dhtml side menu I need to target the execution of that link to a different IFrame in the same page, is that supported?

A: Set the following parameter:

var titemTarget="name";
where name is the name of your Iframe.

You can also specify the target for each item individually:
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "name", "", "", "", ],

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