Template: Onmouseover Tree Menu

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:

    - 3-state icons for each item
    - Several menus on one page
    - Movable and floatable menu
    - Each item can have individual settings
    - Items with icons
    - Submenus have a fade effect
    - Inactive/Disabled items
    - Status string shows item labels

Menu Screenshots Onmouseover Tree Menu

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

Features Onmouseover Tree Menu

Professional Look-n-feel

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

Easy Setup

De Luxe Tuner. GUI interface to create your onmouseover tree menu menus easily and in no time
Sensible menu parameters for manual editing

Layers Tree Menu Cascade Onmouseover 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

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

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

Javascript Tree Menu. Expandable Menu.

Use images for backgrounds of submenus and items, icons, arrows.
Use any amount of menus on a single page.
Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

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

Recent Questions Onmouseover Tree Menu

Q: I'd like to re order the position of the drop down menu's items (by example) the cities.

A-city
C-city
D-city
B-city
E-city etc.....

B-city had to come under A-city, how can we do that?
Thank you

A: I'm not sure I understand where you would like to change the position.In Deluxe Tuner or dynamically on your html page.

To move items in Deluxe Tuner select items you want and use a mouse drag'n'drop method.

See the attached screenshot. Click on the item you want to move.Move your mouse in the correct place (holding left mouse button).Wait till you'll have gray line in the place where you want to insertthe item and release mouse button.

To dynamically change your items you can use the following API function:function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

See more info:
http://deluxe-menu.com/functions-info.html

Q: This tiny javascript menu codes (30kb) take about 25 seconds to load in our browsers (internet explorer)

This intranet site serves approx 15 workstations and I named it 'QuickFind'. It is now the slowest to load of any websites, applications, you name it...

So it is bit embarassing ...

Hoping you can help me to resolve this

A: Try to set the following parameters:

var dm_writeAll=0;
var useIFRAME=0;

Q: I have started using your menu and when testing in both IE-browsers the CPU jumps to 100% for at least 30 to 60sec.
Then the sub menu appears but also not as fast as in Firefox(no effects).

Now does my menu contains about 1476 item-lines, and I use the cross-frame modus.

Any ideas?

A: It is possible that the loading speed can be lower if the menu is very large. But it doesn't take so much time.
Yes, you can notice some delay in IE, but in over browsers it works better.
JavaScript Tree Menu works fast, but 1500 is a large value.
I tried to create large menus on my machine: P4 3GHz, 512RAM WinXP SP2
It takes:
- 1000 items ~ 10 sec
- 2000 items ~ 40 sec

You can try to use AJAX-like technology.
http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text.. For example:

["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
   ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
   ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
   ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
   ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all.
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0, ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0, ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);

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