Dhtml Roll Down Script by Deluxe-Menu.com
Dhtml Roll Down Script

Menu Screenshots

Dhtml Roll Down Script Cascading Html Drop Down

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
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
Dhtml Javascript Movable Layers Dhtml Roll Down Script
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml roll down script 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 dhtml roll down script samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I never succeed to see the images in the dhtml menu examples using my default folder hierarchy (ie : a folder for the html files and a folder for the js files). The only way for me was to create the data.files folder in the html folder. It works but it does not follow my production standard. Did I forget something ?

A: You should set relative paths according to your html page.
For example, you have such file structure:
web-content/
   data/
     dmenu.js
     data.js
   Artwork/
     image.gif
     ...
   pages/
    1.html // page with the dhtml menu examples
    2.html // page with the dhtml menu examples
...

So in Deluxe Tuner you should open image.gif file.
You will have, for example:
d:\webpages\site\web-content\Artwork\image.gif

Then you should delete "d:\webpages\site1\web-content\" and add ../prefix. The path will be:

../Artwork/image.gif

You can also set path_prefix
  var pathPrefix_img = "../Artwork/";

Or you can try to use absolute paths, for example:
  var pathPrefix_img = "http://domain.com/images/";



Q: Everything is working quite well -- with the following exception:

I added a button.gif file to my item, hoping that the graphic would appear rather than just a colored cell. (Yes, I did upload the button.gif file to the .files folder.)

My work looks great in the preview window, but still shows the colored cells in my web page (www.misyssbm.com/buy/index.php left side menu). My text changes show up on the web page, so I know it was updated.

Any ideas (note I have two deluxe menus)?


A: You should check all your images paths.
You should also upload these files on your server in"side_menu.files/" folder.
I've tried to download "side_menu.files/btn_navy.gif" but I can't doit.
Please, check it.


Q: I had test on php but I have problem with content "ABC-1" not show when run page first of the tab menu javascript, anh then I click it is show content.

A: Check parameter:

  var bselectedItem = 0;

Selected tab index by default. Index is an tab number in bmenuItems array.
It Must be > = 0;


Q: How can I get an image to be a separator in between items on my css vertical drop down menu?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];