Menu Drupal Submenu Horizontal by Deluxe-Menu.com
Menu Drupal Submenu Horizontal

Menu Screenshots

Menu Drupal Submenu Horizontal Sample Fireworks Pop Up Menu

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu drupal submenu horizontal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Drop Down Menu Template Menu Drupal Submenu Horizontal
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu drupal submenu horizontal menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

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


Q: If   var bselectedSmItem= anything other than 0, the dropdown menu maken links do not work and I get the following error:

A: You should set bselectedSmItem parameter in tabMode=1 only. When youhave subitems.

I'm also sending you the fixed version of dtabs.js file. Please, useit.



Q: We are unable to get sub-menus to appear on page load or rather simulate a "windows application style menu".

How can we in combination with the java menu api function dm_ext_setPressedItem get the associated sub-menu to display? This function simply sets the item to "pressed" rather than actually showing the sub-menu. Attempts at beginning an item's text value with "+" only works with Deluxe Tree.

Again, we are trying to use the menu not only as a navigator but also as a visual aid for the user to determine what page they are viewing. For example, when a user clicks on a menu item and that page loads, the menu should display the top-level item pressed, the sub-menu group, and the item pressed.

Furthermore, it would also be useful if we could then "unlock" the pressed items and navigate the menu under normal circumstances.

If there are no existing "quick" functions to accomplish this, could you please point out the function in dmenu.js or another engine file that initiates the display of sub-menus, we could then force the menu to select a top-level item in the onload event thus showing a top-level item pressed along with it's related sub-menu.

A: Unfortunately Deluxe Menu doesn't have such a feature now. It is notpossible to set parent item highlighted, expanded submenu group andhighlighted submenu item.

You can do it using Deluxe Tree now only.


Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html