Template: Ajax Dynamic Dropdown Tree Menu

XP Style Silver Movable Tree View Menu

Movable Tree View Menu
Try to move the menu using the top spacer above the menu (drag-n-drop. Parameter: var tmoveable). Selected Item
- Click on any item.
The test page is opened and selected item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a text of the item.

Key features:

    - different speed for an animation for submenus
    - Items with icons
    - Status string shows item labels
    - Several menus on one page
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items

Menu Screenshots Ajax Dynamic Dropdown Tree Menu

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

Features Ajax Dynamic Dropdown Tree Menu

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

Tree Menu Dynamic Ajax Dynamic Dropdown Tree Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed ajax dynamic dropdown tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Easy Setup

De Luxe Tuner. GUI interface to create your ajax dynamic dropdown tree menu 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 Ajax Dynamic Dropdown Tree Menu

Q: Im working on a menu with your program, and am unable to make the javascript sticky menu save the hover states after you move off the navigation item and onto its child nav items.

For example

Example Nav item 1
-Example Sub Nav item 1
-Example Sub Nav item 2
-Example Sub Nav item 3

When I hover on the Example Nav Item 1, the hover state works, but when I move my mouse down (Im using a horizontal javascript sticky menu) to select Example Sub Nav item 1, I want the hover state to stay selected on the "parent" Nav Item. Is this possible? What is the variable you have to change to accomplish this?

A: Yes, it's possible, please use

var saveNavigationPath = 1; The javascript sticky menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

Q: Please tell me where I am going wrong:

The menu is all messed up!

A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.

Q: Does your Tree support right to left languages, like Hebrew? It's is very important for us.

I tried it but the text of the items are left justify.

A: You can use right-to-left languages in the Tree Menu in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">.

Try to set the following parameter:

var titemAlign = "right";

Q: On the same collapsible menus, is there any way to remove the spaces between the top items?

A: No, unfortunately there is no way to remove that space in XP Style
  var tXPStyle=1;

If you use
  var tXPStyle=0;

you can set the following parameter:
  var titemHeight=18;

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