Template: Editable Javascript Treegrid Contextmenu

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:

    - 3-state icons for each item
    - Image arrows
    - Status string shows item labels
    - Submenus have a fade effect
    - Vertical orientation of the Tree Menu
    - different speed for an animation for submenus
    - Filters and Transitional effects
    - Unlimited number of sub levels

Menu Screenshots Editable Javascript Treegrid Contextmenu

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

Features Editable Javascript Treegrid Contextmenu

Professional Look-n-feel

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

Cost Effective

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

Html Tree Menu Desplegable Editable Javascript Treegrid Contextmenu

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

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 editable javascript treegrid contextmenu menus easily and in no time
Sensible menu parameters for manual editing

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

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Editable Javascript Treegrid Contextmenu

Q: Just purchased the license for deluxe-menu.

The javascript submenu do not go over top of my other elements like the FAQ says it should.

A: Now you have the following style Z-INDEX: 2000; for .titleTopCenterDIV.

The menu has lower index in that case.

Try to set it to
Z-INDEX: 10;

Q: I can see that you can have multi menus on the same page can you have multi tabs? I did create two different tab menus and when I put them on the same page they display correctly but you cannot navigate to the required web pages.

A: You can use as many tabs on the one page as you want.

But notice that you should call dtabs.js file on each page only once.
There is no need to call it several times on the one page.

You can see such examples in the trial package:

c:\Program Files\JavaScript Tree Menus\deluxe-tabs\tab-style-mac.html

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 there a way to specify certian font styles escpecailly a hanging indent on the text of the navigation menubar?

A: You should use Individual styles, for example:
var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];

And assign styles to your items:
var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
["|Submenu Item","","","","","_self","2",,,],
...

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