Collapse Menu Onclick by Deluxe-Menu.com
Collapse Menu Onclick

Menu Screenshots

Collapse Menu Onclick Web Menu Bar

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your collapse menu onclick menus easily and in no time
  • Sensible menu parameters for manual editing
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Script For Menu Collapse Menu Onclick
Cost Effective
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
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: How do I center a menu item inthe drop down menu example?

A: Try to use the following parameter:

  var itemAlignTop="center";

Q: No matter where I place the code, the html free menu always appears in the top left of the page,
I need it elsewhere obviously but it simply won't move.

A: You're using absolute position for the menu now.
You should use relative position in that case.
Change the following parameters:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";




Q: Can I ask a technical question? I am using the menu in a frameset, and I would like for the drop down menu selected branch to sty highlighted after the user moves the mouse to another window (where the menu brings up a new page), just so the user knows where he/she is. Is that possible?

A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html


Q: I would like to add your tree structure to my web page. I need to know if I can add substantial data to the expanded tree structure, for instance:

Click here to expand product A
And here is the expanded content that takes up three paragraphs and
wraps itself etcetera all about product A

Can your deluxe-tree accept multiple lines and paragraphs with wrapping in the sub items, or is it for one or two line menu data only.


A:   var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];