Mootools Onclick Show Slidemenu by Deluxe-Menu.com
Mootools Onclick Show Slidemenu

Menu Screenshots

Mootools Onclick Show Slidemenu Dhtml Button Click Menu

Features

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
Cost Effective
Creating Sliding Menus Mootools Onclick Show Slidemenu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed mootools onclick show slidemenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: The plus symbols (+) for Home, PRODUCT CATALOG, and Back are almost non visible and I can not find a parameter to move the collapsible tree menu to the right or to put a border on the left side.


A: You set the following style:

#menu TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -4px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}

You should delete
MARGIN: -4px;
style or set it:
MARGIN: -4px -4px -4px 0px;


Q: Please let us know how to select the font and background colors using the hexidecimal number?
We have another website and want to use the exact same color scheme.
We want to enter the number such as FF8080.

Hopefully, we can enter the hex numbers into this program.


A: You should write, for example, so:

  var menuBackColor = "#FF8080";
  var menuBorderColor = "#FF8080";
  var itemBackColor = ["#FF8080","#FF8080"];
  var itemBorderColor = ["#FF8080","#FF8080"];
  var fontColor = ["#000000","#FFFFFF"];



Q: May I use this menu in Arabic mode I mean in right to left mode?

If yes please let me know how?


A: You're able to use any characters for Deluxe Menu in the same way asyou use them for standard html page.

The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In Deluxe Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.You should manually correct your code.


Q: We would like Subprograms to have a different style than the items below it to visually indicate it as a non-clickable header in my javascript drop down menu.


A: You should disable this item. You should set "_" symbol for the itemtarget.

You can also set
  var fontColorDisabled="#616321";

You can also create Individual Style for the disabled item.