Html Mouseover Drop Down Menus by Deluxe-Menu.com
Html Mouseover Drop Down Menus

Menu Screenshots

Html Mouseover Drop Down Menus Menu Dhtml Code

Features

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
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!
Layer Menu Html Mouseover Drop Down Menus
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

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

Recent Questions

Q: I am afraid I am still having difficulties.

Key issue is fine, no problems there. However, I cannot seem to make this NOT showing me a window open example when the page opens. I just want to have popups upon click. What I want is to be able to create links, within the same page, that will popup windows of different content and size, all upon click (not upon page loading.

What am I doing wrong here?

In the site I have the following:
1. A www.domain.gr/deluxe-popup-window.files folder
2. A http://www.domain.gr/deluxe-popup-window.js script
3. and my test page creating the popups

So, in my sample page:
1. I do NOT want to have the 1st popup which loads automatically as the page opens
2. I want to have the 2 samples shown there, Sample 2 and Sample 3.
3. These 2 samples must show windows of different width and height.

Please help me here.

Looking forward to your answer.

A: Delete openAfter= text from the deluxePopupWindow.attachToEvent()function in the following file:

http://www.domain.gr/deluxe-popup-window.js

In that case popup window won't show till you click on the link.

deluxePopupWindow.attachToEvent(win,',,,,,')


Q: Firstly I'd like to say it looks like a great product. Something that would definitely be of use for our corporate intranet. But first! I have a problem with the evaluation.

I'm trying to get a click/context menu from clicking an image but no matter what I try the following .htm file errors with object required on line 15. I've read your examples / source over and over again but no joy - If I just display the menu with the usual <script> menu.js etc. entry it works but not with a popup?

Please please help if you can?

PS I've set the popupMode variable to 1 in the menu definition file.


A: The installation of your Popup menu is not correct.

If you have only one menu on your page you should write
<img src='images/note.gif' oncontextmenu='return dm_popup(0 ,2000 ,event );'>

You should also copy dmenu_popup.js file into the same folder withdmenu.js file.

More info you can find here:
http://deluxe-menu.com/popup-mode-sample.html


Q: There seems to be a "glitch" when I use Firefox.
I have rebuilt the page twice but I always end up with themenu floating to the left, instead of under the main menu (the second or third mouseover will correct the issue). Also, sometimes I have to mouseover twice before the submenu comes up (in I.E.).

I have validated...however I wondered if there could be a conflict in the javascripting (yours and mine). Any suggestions?


A: The reason is in your <!DOCTYPE>.

Try to specify units in "px".
  var menuWidth="780px";
  var menuHeight="27px";
  var smWidth="200px";
  var smHeight="200px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You can also try to set the following parameter:
  var dm_writeAll=1;


Q: I'd like to re order the position of the drop down menu's items (by example) the cities.

A-city
C-city
D-city
B-city
E-city etc.....

B-city had to come under A-city, how can we do that?
Thank you

A: I'm not sure I understand where you would like to change the position.In Deluxe Tuner or dynamically on your html page.

To move items in Deluxe Tuner select items you want and use a mouse drag'n'drop method.

See the attached screenshot. Click on the item you want to move.Move your mouse in the correct place (holding left mouse button).Wait till you'll have gray line in the place where you want to insertthe item and release mouse button.

To dynamically change your items you can use the following API function:function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

See more info:
http://deluxe-menu.com/functions-info.html