Dojo Menubar With Submenus by Deluxe-Menu.com
Dojo Menubar With Submenus

Menu Screenshots

Dojo Menubar With Submenus How To Make Menus In Javascript

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 dojo menubar with submenus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dhtml Flyout Menus Dojo Menubar With Submenus
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0


Q: How can I set the top-level items to be transparent for the dhtml dropdown?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];

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



Q: What I would like to achieve is a separator in the main menu list of a vertical menu.

I can get the separator to show in submenus but not the main menu.


A: You should write so:

  var separatorImage="menu.files/sep_blue.gif";
  var separatorWidth="90%";
  var separatorHeight="3";
  var separatorAlignment="center";
  var separatorVImage="menu.files/sep_blue.gif";
  var separatorVWidth="90%";
  var separatorVHeight="3";
  var separatorPadding="0px";


Q: First sorry for my english (I'm french)
Is what the search engines (Googlebot, ...) recognize the links in dynamic html menus?

"deluxe menu" ?

Else Does it has an other solution ?

A: You should generate search engine friendly code and install it on yourpage. Deluxe Menu is a search engine friendly menu since v1.12.To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).