Features Simple Javascript Tree Node Examples

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

Professional Look-n-feel

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

Tree Rollover Dropdown Menu Simple Javascript Tree Node Examples

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

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

  

Recent Questions Simple Javascript Tree Node Examples

Q: What I mean is I still want the destination page to be static inthe   var menuitems but when the javascript side menu item is clicked, it'll run a js on the onclick or mouseup event.

Is this possible?

something like:

  var menuItems = [
["text", "home", "javascript:onclick=your_code_here"]
];

A: You can achieve this by using standard html objects within javascript side menu items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

Actually you can use any html code within menuItems.

Q: I just visited your site and found the scrollable menu.
I downloaded the trial version, but where to find the scrollable menu.
Going through the trail version and finding that it would satisfy all my requirement.
My requirement is as below
Category >> List of Continent > List of country > List of State > List of city.

In my case the list of country, state and city will be more so need a scroll over there.
Let me know is there any limitation in your menu.


A: If you have many items in submenu you should set the following parameter to make you submenu scrollable:

  var smSmartScroll=1;

Please, see more info here:

http://deluxe-menu.com/scrollable-submenus-sample.html

Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.

A: Submenus has a different color because they have a transparency:

  var transparency="90";

Set it to 100.

Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.

Q: I have created a menu for a product tutorial. It consists of about 50 topics, each of which is listed in my menu. I’m wondering if there is a way to gray out the menu link for the open tutorial topic?


A: Unfortunately, JavaScript Tree Menu doesn't have such a feature.
You should write your own code, for example, on PHP.

You can try to use the following function

function disable() {
dm_ext_changeItem(1, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.

The example you can find on our site
http://www.deluxe-menu.com/dynamic-functions-sample.html

Please, see the source code.