Features Html Tree Menus Tutorial

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".

Cost Effective

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

Tree Example Pull Down Menus Html Tree Menus Tutorial

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

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

  

Recent Questions Html Tree Menus Tutorial

Q: I have noticed on your menus that have multiple nodes, you areallowing only the icon to be clicked and expand the tree. How would I alter the code so that when a user clicks anywhere on the tree with multiple nodes, the entire tree expands instead of the user having to be so precise in selecting the tiny icon to expand the tree.


A: You should set the following parameter to expand item on a mouseclick:

  var texpandItemClick=1;

Q: How can I setup Font Size, color for individual level, button? How?


A: You should use Individual Item Styles.

  var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];

menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];

Q: The only one I wanted to change is that the colors of all items in the cool dhtml menu should be the same.
I tried to change that, but I did not find a solution.

A: You should change Individual style.

  var tXPStyles = [
["tXPTitleBackColor=#AFB1C3","tXPTitleBackImg=data-quelle.files/xptitle_s.gif",
"tXPExpandBtn=data-quelle.files/right1.gif,data-quelle.files/right1.gif,
data-quelle.files/right1.gif,data-quelle.files/right1.gif"],

Q: I am using your Ajax menu and am generally delighted with it. Its ability to load sub menus on the fly is just what I have been looking for.

However, I have noticed in IE7 that it can leave sub menus displayed when you have moused off that particular ajax drop down menu. Can this be fixed?

Also, can you get the menu to disappear when you mouse off the menu, rather than having to hover over another menu or click the page off the menu.

A: See, now you've set the following parameter:
  var smHidePause=-1;

It means that your submenus won't be hidden till you click or scroll your page.

If you want to hide your submenus on mouse out you should set another value, for example:

  var smHidePause=1000;
or
  var smHidePause=500;