Template: Javascript Tree Accessibility

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - Each item can have individual settings
    - Image arrows
    - different speed for an animation for submenus
    - Relative/Absolute menu position
    - Submenus expand/collapse on mouseover
    - Several menus on one page
    - Inactive/Disabled items
    - Filters and Transitional effects

Menu Screenshots Javascript Tree Accessibility

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

Features Javascript Tree Accessibility

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

Tree Scroll Drag Javascript Tree Accessibility

Cost Effective

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

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.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

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

Recent Questions Javascript Tree Accessibility

Q: I am interested in this script

http://deluxe-menu.com/popup-mode-sample.html

Is that possible that the "2nd" menu is activated with left click and to delete the "1st" menu.

A: Yes of course you can create any menu on your page.

See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" onContextMenu="return dm_popup(2, 2000, event);" style="cursor: pointer;">

To use one menu on you page you should write
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">

You can create you own menu using Deluxe Tuner application or use thismenu.

Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?

A: The reason is in your style

TD {
VERTICAL-ALIGN: top
}

Try not to define style for Table, TD, TR elements they can affect themenu.

Set also the following parameter:

var itemAlignTop="center";

Q: I create a dhtml menu tabs on a website and I keep getting an error. On my dutch system it says: 'tabs[...].id' is leeg of geen object.

What am I doing wrong? I cannot find the problem.

On the first click on de tabs I get the error and nothing happens. From the second click on, everything works fine.

A: You can find an answer in Recent Questions section on our website.

Try to set the following parameter:

var bselectedSmItem=0;

Use latest engine file also.

Q: How i can isert any html code in css dynamic menu?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

var menuItems = [

...

["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:
http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

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