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

Menu Screenshots

Mootools Slidemenu Onclick Example Of Menu In Javascript

Features

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!
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
Html Popup Menu Mootools Slidemenu Onclick
Easy Setup
  • De Luxe Tuner. GUI interface to create your mootools slidemenu 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 mootools slidemenu onclick samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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: I just noticed as well that I cannot change the spacing of the buttons.
Right now the buttons are tight together, how do I create a gap between each button in the link drop down menu?

A: You can paste the separator.
You should add separators between your items, use "Add separator" button on the mainwidow of Deluxe Tuner.

  var menuItems = [

["FHSA","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Chapters","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["AZ Resources","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Double Butte Cemetery","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Surname List","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Helping Hands","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Book Fund Purchases","", "", "", "", "", "", "", "", "", "", ],
];

  var separatorVImage="separv1.gif";
  var separatorVWidth="1px";
  var separatorVHeight="21px";


Q: I am trying to figure out how to make multiple clickable Link popup windows on the same page. I want to have six or more. Here is what I have tried for having two windows and could not get to work:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- DeluxePopupWindow.com -->
<noscript><a href="http://deluxepopupwindow.com">Javascript Popup Window by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="chase1.files/dpopupwindow.js"></script>
<script type="text/javascript" src="chase2.files/dpopupwindow.js"></script>
<!-- (c) 2008, http://deluxepopupwindow.com -->
============================================================================ ===============

<body>
<p><script type="text/javascript" src="chase1.js"></script>
<script type="text/javascript" src="chase2.js"></script>&nbsp;</p>
============================================================================ ================

<a href="javascript:;" id="chase1">Click Here to see a chase sample</a>
<a href="javascript:;" id="chase2">Click Here</a>

This does not work. I had it somewhat working. Is there a better way to do this? I will want to have at least 6 popup windows on the same page. I could not find any samples on your website.

A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!

2) Call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1',
'width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite')">Click Here to see a chase1 sample</a>

See how to create popup windows:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html


Q: I have used dhtml vertical menu on my site....when I open it in IE it works fine but in mozilla it shifts to right...wht can i do so tht it will be placed at same position in all browers


A: You can try to set exact width in "px":

  var menuWidth="500px";


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"];