Dijitmenuhover by Deluxe-Menu.com
Dijitmenuhover

Menu Screenshots

Dijitmenuhover Popup Menu Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dijitmenuhover menus easily and in no time
  • Sensible menu parameters for manual editing
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
Sample Dropdown Menu Script Dijitmenuhover
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijitmenuhover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: Here is a snapshot from the javascript drop down menu:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],

 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],

 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],

If I click on test1 which is a Norwegian newspaper, it works.

But it I click on test2 which is a link to my page – it does not work.

A: You cannot use "" symbols within menuItems. It is not correct.
Try to write your javascript drop down menu items in the following way:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],
 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],
 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],



Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.

Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.

Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.


A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:

["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
     ["|Contestants","experience_contestants.php","","","_self","2",,,],
...

> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.

You should use Individual styles, for example:

  var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];

  var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...

For submenus you should set the following parameter:

  var smWidth="150px";

> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.

You should also use Individual styles.
But you should set this parameter:

  var fontStyle="";
And then use different fonts for your items.


Q: I don't understand why this isn't working right. I haven't messed with the files in a long time now but someone wrote me an email saying I’ve had incorrect copyright on the javascript dropdown menu for a long time.

A: "Incorrect Copyright" means that the script can't find required copyright parameters.
To avoid this, please, change:

<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>

to:

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



Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.

In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.

In both Firefox and Opera the border doesn't show at all.


A: Try to write so:

  var absolutePos=1;
  var posX="10";
  var posY="400";

  var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];