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

Menu Screenshots

Collapse Menu Onclick State Dropdown

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapse menu onclick samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Menu Width Collapse Menu Onclick
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
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!
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I have tested and tested but can't find out how I can add the following, as a link in drop down navigation bar. Can you please help?

http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780"

A: You should add <a> tag into the text field in that case:

["<a href="http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780">test</a>","",""]

But you should specify a styles for this link also.


Q: I just noticed another problem: when I set dmObjectsCheck=1 and I click on a menu-item of the dropdown menu nothing happens! No matter whether the banner is flash or not. And no matter if the browser is IE or Firefox. As soon as I set dmObjectsCheck=0 the submenu works again.


A: You should set the following parameter

  var dmObjectsCheck=1;

You should also add dmenu_add.js file into the folder with yourdmenu.js file.
Please, check it.


Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that. You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.


Q: When a user click on an item in the dhtml side menu I need to target the execution of that link to a different IFrame in the same page, is that supported?

A: Set the following parameter:

  var titemTarget="name";
where name is the name of your Iframe.

You can also specify the target for each item individually:
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "name", "", "", "", ],