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

Menu Screenshots

Mootools Onclick Show Slidemenu Dhtml Menus Dinamic

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your mootools onclick show slidemenu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Css Popup Menus Tutorial Mootools Onclick Show Slidemenu
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: May I can use PHP code in menu items of my dhtml website navigation menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html



Q: I changed the parameter from
  var dmObjectsCheck=0;
to
  var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________

I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________

I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...

  var itemStyles = [
["itemWidth=98px"],
];

Or will I have to make all the main menu items/graphics the same width?


A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.

Yes, you can set itemWidth for each main item.

Please, use Deluxe Tuner to create your individual styles.

You should write, for example, so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],

["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],

["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],

["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],

["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];


Q: Why do I get the "Incorrect Copyright" message in Internet Explorer 7. I am using Deluxe Menu version 1.14. Shouldn't this support IE5+, including IE7?

This is what I found in you FAQ about this matter:
http://deluxe-menu.com/rq-css-pull-down-menu-copyright-support.html

Do I really need to buy an upgrade for each new browser release when I don't need any of the new features in Deluxe Menu???


A: Thanks for your interest in our products.

Deluxe Menu v1.14 works with "Incorrect Copyright" message in IE7. Youshould upgrade to Deluxe Menu v2.0.
The upgrade is free for existing customers.
You can download licensed package from the same link in your licensemessage.


Q: Is there any way to have the browser reset the horizontal tree view to allcollapsed each time the browser is reopened?

A: You should set the following parameter in that case:

  var tsaveState=0;