Menu Desplegable Horizontal Javascript by Deluxe-Menu.com
Menu Desplegable Horizontal Javascript

Menu Screenshots

Menu Desplegable Horizontal Javascript Dhtml Expand

Features

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!
Cost Effective
Dhtml Top Menu Menu Desplegable Horizontal Javascript
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Do drop down menu examples work with google page creator ? Orare there any problems ?

A: See how you should install Deluxe Menu on your pages.
Deluxe Menus weren't developed as Google Page Creator/Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that your program changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

Q: Is there a way to keep global nav image highlighted (rollover image) if click on subnav link?


A: You should write your own code on PHP.
To use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page.That is why you should write your own code on PHP.


Q: We are interested in using your dropdown menu code for our site but we do have a question.

When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"

A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.

  var menuWidth="500px";



Q: How does one go about changing the parameter or the menu in java script so that a menu selection stays 'on'?
In other words, the menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.


A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script >
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html