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

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

Dropdown Menu Slide Down Atahualpa Menu Bar Example

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

Easy Setup

De Luxe Tuner. GUI interface to create your atahualpa menu bar example menus easily and in no time Sensible menu parameters for manual editing

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

Recent Questions

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 have been mostly creating my menus by starting with a template file that has the features I need, and then modifying that file by hand (as opposed to using the Tuner program). In this case I am using data-vista-01.js.

When I load my html file that has references to the necessary resources (e.g. .js, gif, etc) in a directory that has the Images folder and Menu folder copied directly from the installed Deluxe Menu program directories, I get what I want.

This is perfect. But I think to myself, surely I don't need all the .js files from the Menu directory, nor do I need all the .gif files from the Images directory, so I started deleting those files one at a time, until I got to the point where Images contained only the Vista1 folder + the empty.gif file, and the Menu folder contained only dmenu.js. My menu now not working.

I'm guessing that some graphic files need to draw the top-level menu bar are missing. But which ones?
So my question is, what files do I really need? Is this something the documentation describes, and if so where?

I hope I don't have to include the full contents of the Menu and Images folder, as they are quite large.


A: Unfortunately, you should add all need images manually.
We'll try to correct it soon.
You can open your data.js file and see what images you're using in themenu and copy tese images into your folder.

You should also change the following parameter:

  var pathPrefix_img="";

There is no need to use all engine files for the menu.
Description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html

Q: One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?

A: Try to delete height: 0%; parameter from the styles:

<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">

So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">

Q: I want to open a new html window on top of my current page – but I want the new html window to be a certain size only (800 x 400).

How do I do this? Can you give me the code so I can paste in the data file rather than the tuner?


A: You should write:

["Test Window","javascript:window.open('http://www.microsoft.com','_blank',
'height=400,width=800,top=10,left=10,status=yes,toolbar=no,menubar=no,location=no');", , ,'MonitorExceptions' , ,'', '',,],