Template: Jquery Extjs Tree Panel Like Plugin

Dhtml Treeview Menu Vista Style 1

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:

    - Movable and floatable menu
    - Inactive/Disabled items
    - Image arrows
    - Unlimited number of sub levels
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements

Menu Screenshots Jquery Extjs Tree Panel Like Plugin

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

Features Jquery Extjs Tree Panel Like Plugin

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

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

Cool Menus Dhtml Tree Jquery Extjs Tree Panel Like Plugin

Easy Setup

De Luxe Tuner. GUI interface to create your jquery extjs tree panel like plugin menus easily and in no time
Sensible menu parameters for manual editing

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

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

Javascript Tree Menu. Expandable Menu.

Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

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

Recent Questions Jquery Extjs Tree Panel Like Plugin

Q: How can I declare the "delay" time for the opening js popup window?

A: You should set the following parameter:

openAfter:20,
Open after time (secs).

Q: Currently the links of javascript tab control open in a _blank browser, how do I change this?

A: You should set the following parameter:

var bitemTarget = "_self";

You can set it using Deluxe Tuner. You can find this parameter in theTab-Mode section.

Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?

A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [

["Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [

[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.
For example:

  var tmenuItems = [

["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];

Q: I have a question, why sample 2 item in my horizontal dropdown menu is disable?

A: To disable items you should set item target parameter as "_".

For example:
["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "_", "", "", "", ],

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