Drop Down Menu Dhtml Style Win7 by Deluxe-Menu.com
Drop Down Menu Dhtml Style Win7

Menu Screenshots

Drop Down Menu Dhtml Style Win7 File Menu In Javascript

Features

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
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
Html Navigation Pull Down Menu Drop Down Menu Dhtml Style Win7
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
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menu dhtml style win7 menus easily and in no time
  • Sensible menu parameters for manual editing



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: Is there any way of setting the height of individual items in a vertical menu as I need to have some buttons bigger than others.


A: You can use <br> tags in the item text.

For example:

["Samples<br>Samples","", "", "", "", "", "", "", "", ],


Q: Is it possible set a menu item to pressed when a page is loaded when you have multiple drop down menus on the page?  

I have 2 menus side by side and I was able to set the pressed item with the JavaScript API as described in your FAQs but when I try to show an item as pressed  in a second menu on the same page, the corresponding item in the first menu shows as pressed. Is there a different function that I can use for this or a way to reset the menu ID in the second menu to start from where the first menu left off so I can use the same function?

A: See the first parameter in
dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
function is index of the menu.

So, if you use several menus on the one page you should use differentmenuInd parameter.

For example you have:

<script type="text/javascript" src="menu/data1.js"></script> //menuInd=0
...
<script type="text/javascript" src="menu/data2.js"></script> //menuInd=1
...
<script type="text/javascript" src="menu/data3.js"></script> //menuInd=2
...
<script type="text/javascript" src="menu/data4.js"></script> //menuInd=3

So, for the second menu you should write:

dm_ext_setPressedItem (1, 2, 5)



Q: I'm testing your menu, however this always display the result of the execution of this code, that was generated by the GUI tool

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:bold 14px Arial;color:#000000;text-decoration:none">
<a id="dmI1" href="testlink.html">Recompensas</a>
<a id="dmI3" href="testlink.html">Ingresar</a>
<a id="dmI4" href="testlink.html">Cuentale a un amigo</a>
<a id="dmI6" href="testlink.html">Ingresar</a>
<a id="dmI7" href="testlink.html">Servicios y Soluciones</a>
<a id="dmI8" href="testlink.html">Contactanos</a>
<a id="dmI9" href="http://deluxe-menu.com/order-purchase.html">Acerca de Medussa</a>
<a id="dmI14" href="testlink.htm">Soporte</a>
</div>
<!-- End of Code for Deluxe Menu Items -->

I don't know what's happenning I followed the instructions that you describe in your installation process. I'm using the menu in a jsp page.


A: Now on your page you have only search engine friendly code for Deluxe Menu. You do not have menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and

<script type="text/javascript" src="deluxe-menu.files/data.js"></script>

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.


Q: If you look at my page in IE 7, the position of the submenus is too far over to the left from drop down menu. It is fine in Firefox.
Do you have any suggestions on this??


A: Try to set exact width for the menu:

  var menuWidth="600px";