Dhtml Drop Down Menu Sample by Deluxe-Menu.com
Dhtml Drop Down Menu Sample

Menu Screenshots

Dhtml Drop Down Menu Sample Sample Vertical Menu Website

Features

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
Javascript Menu Example Tutorial Dhtml Drop Down Menu Sample
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml drop down menu sample samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: How to open a popup after clicking on a popup menu in javascript item in Mozilla.

The code in java script is supporting internet explorer but not mozilla.

A: You can write your popup menu in javascript Items in the following way:

["Home","javascript:window.open('http://deluxe-menu.com');window.focus;", "", "", "Home", "", "", "", "", "", "", ],



Q: Just wondering if it is possible to select a specificdhtml tab via JavaScript.
Eg. A link on the page to select the next tab (or any other for that matter)

A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>




Q: I just need to know if there is a way of establishing the width at "runtime" in the javascript dynamic menu so that my frame in my frameset can be widened accordingly.

A: There are no special parameters for menu dimensions.
But you can use submenu IDs. For example, top-menu has ID"dmXXXm0"

Where XXX - menu index. So, first menu on the page has ID "dm0m0".
So, you can determine menu dimensions so:

document.getElementById('dm0m0').offsetWidth
document.getElementById('dm0m0').offsetHeight

You can also use Javascript API functions to take submenu IDs.



Q: I contact you because this morning we have bought a single license of your deluxe tree menu for our web site www.roderstore.com All features of tree menu work good when I try it on local computer.

When I send the files on web site there is the problem that we must work on different directory : the script must be saved in a directory and the html page with menu inside is installed in another directory.

We can't save the script inside the directory of html pages because there are a lot of pages that call the tree menu, in different levels of path.

In the header of html page I have write the absolute path of script ( http://www.domain.com/menu/it/deluxe-menu.files/ ) and I have called the source of script with all absolute path.

The problem is that the tree javascript moving menu is visible, the function are OK ( expand and collapse are OK ) but the tree don't have the images !

I presume that the problem is the different directory of script and html page ?

What can we do ?

A: You can try to use absolute path to your images. To do it you shouldset the following javascript moving menu parameter:

  var tpathPrefix_img="http://www.domain.com/menu/it/deluxe-menu.files/";

You can also send us a direct link to your website, so we can check it.