Dhtml Tab Menu by Deluxe-Menu.com
Dhtml Tab Menu

Menu Screenshots

Dhtml Tab Menu Slide Down Menu Java Script

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
Javascript Drop Down Menu Rollovers Dhtml Tab Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml tab menu 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

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: I'm currently experimenting with your script which I far more performant than any of the other I have tried so far, so we will probably go with yours and get a distributer license.

I do have a problem though...

I have two menus on my site.

Unfortunately, as they are being used, if you go over the first item in the left menu, it will show its submenu at the top; if you go over the first item of the top menu, it will also show the contents of the second menu...

How can we change this?


A: Installation of your menu is not correct.
See more info about installation here:
http://deluxe-menu.com/installation-info.html

There is no
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
parameter on your page.

Notice also that you should call dmenu.js file only once and then callyour data files.
Now you have two calls of dmenu.js file.


Q: Is there any way to have a floating menu float in relation to the centre of the screen (not the left of the screen).  I have a centre based website. When I use the floating menu and view the site on different screen sizes, the floating menu appears in different places on the x scale. For example,  I would like it 20 percent from the edge of my centre based webpage, not 20 percent from the left of the screen.  I want the menu to appear on the same horizontal place on my webpage (which is centre based)


A: No unfortunately it is not possible to write

  var posX="50% - 20";

You should adjust your coordinates to center the menu with absoluteposition.


Q: Is there a way to fix it so that in the dhtml tree menu when you have link set it doesn't expand the menu and then load the page. It should only load the expand the menu if I click the + image if I have a link...

Example...

 ["|ACRYLIC BRUSHES", "fright_itemlist.asp?level1=BRUSHES ~ KNIVES&level2=ACRYLIC BRUSHES","","","","", "_self","","","tmlevel3/m251.js",]

A: But Deluxe Tree works in this way now.

If your item has link and subitems at the same time you should clickon the item to open item's link and click on the "+" sign to expandthe item.

Make sure that you've set the following parameter:

  var texpandItemClick=0;



Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.

A: You have
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif

you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif

You can use
  var pathPrefix_img="menu/";

or change paths here
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif