Zencart Dhtml Menu Module by Deluxe-Menu.com
Zencart Dhtml Menu Module

Menu Screenshots

Zencart Dhtml Menu Module How To Make Drop Down Menus Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your zencart dhtml menu module 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 zencart dhtml menu module samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Onmouseover Javascript Zencart Dhtml Menu Module
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I have created a test page using deluxe menu and would like the menu to appear in the centre of a frame. I have tried usind <div> and <table> tags and while either gives correct results with Internet Explorer, neither gives correct results with Mozilla.


A: Try to set exact value for menuWidth, for example:

  var menuWidth="130px";


Q: Extremely new at this and likely way over my head…..but why when I attempt to use my own button image in the “itemBack Image” selection under “Edit Individual Styles” does it keep showing up blank in the preview screen?


A: Please, check all your paths.
You can also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: The menu is the table imbedded to the layer.

If you want to center the menu paste itwithin the <div>> or <table> with a static position and specify a center alignment for it, for example:

<div align=center>
<script src="data.js"></script>
</div>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.


Q: I have a web site in which I am using Deluxe Menu in the top frame as a menu that crosses the frame and a menu in the lower frame that uses it as a menu in the same frame.
However, if a user selects the menu in the upper frame they get the menu that is associated with the menu of the lower frame.
The configuration files are names differently.
Is there a setting that needs to be set for the menu to distinguish between the two menus instantiations?


A: I suppose that you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

<head>

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

</head>

<body>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu.js" type=text/javascript></SCRIPT>
</div>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu11.js" type=text/javascript></SCRIPT>
</div>
...
</body>>