Javascript Menu Examples by Deluxe-Menu.com
Javascript Menu Examples

Menu Screenshots

Javascript Menu Examples Transparent Menu Bars Using Javascript

Features

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
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!
Tab Menu Script Javascript Menu Examples
Cost Effective
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



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: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems.
In the general menu properties there is a "Global"   var titemHeight = 22;
My problem is that I would like my upper level of my drop down menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style

  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use

  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper level of your menu items.




Q: I just noticed as well that I cannot change the spacing of the buttons.

Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?

A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:
  var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)



Q: Is it possible to have the AJAX menu aligned vertical instead of horizontal? And is the number of levels limited? (I have a site that requires up to 4 levels...)

A: Yes, you can create vertical menu using AJAX feature.

There is no such limitation.
See the following parameter:
  var dmAJAXCount=0;

That variable set the maximal number of submenus that will be loadedfrom server on your page.



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Milonic JavaScript Menu • View topic - Styling the Menu with CSS

This is a very simple presentation of 7 or 8 examples using css to style the menu. This is not a tutorial in css. The example page simply

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

I've done something similar on my site but only wanting some of the menus collapsable. If you want, you can use the following javascript

pjirc.com • View topic - Howto create a javascript dropdown

... I'm going to provide what I hope should be a definitive example here that will ... Javascript channels dropdown menu: .... marks around the code.. when i pull the menu down and click the channel name nothing happens

swf overlap javascript dropdown menu - FlashMove Forums

I use firework to generate a javascript dropdown menu and added a swf file just ... The example of the code is as below: <param name="wmode" value="opaque">

URGENT: Problem With Javascript Popup menu and Flash Movie

URGENT: Problem With Javascript Popup menu and Flash Movie Flash IDE. ... Here is an example. <img src="images/index_04.jpg" alt=""

Please help me with CSS drop down menu without javascript

Jul 23, 2010 ... Please help me with CSS drop down menu without javascript CSS. ... Hello guys pls give me example for horizontal css drop down menu with css

How-to use the menu object in WRT widgets - Forum Nokia Wiki

The menu object is supported since WRT version 1.0. ... with another softkey ( for example, the right softkey)

CMS Made Simple Forum: Add javascript Menu

Add javascript Menu. ... the sample content you can add when you install cmsms has an example menu like what you're trying to do. look at

Free Accordion Menu Example - Interspire Forum

Free Accordion Menu Example Code Modification and Addon Releases. ... Download and rename the extension from txt to js (this forum does not

ActiveWidgets • oncontext menu • web menu examples

I have to display some context menu and if i select an option from it, say if i select edit option the corresponding document has to be

Javascript and Mobile devices | mobiForge

I have a Web aplication that implement a Menu, this menu it's displaying using javascript... but now i find out my menu doesnt work in mobile devices

SmartMenus DHTML Menu / JavaScript Menu - Forums

SmartMenus DHTML Menu / JavaScript Menu - Forums. forums. Index · User list · Search · Register · Login · SmartMenus DHTML Menu / JavaScript Menu Home Page

Milonic JavaScript Menu • Index page

Archived Topics for the old Version 3.0 JavaScript Menu Please note that official support for this menu version has now ceased. There are still plenty of

javascript menu not working in Firefox - Tech Support Forum

Jul 11, 2008 ... I have placed a javascript menu with categories and drop down lists ... For example toggle(1,60) opens/closes the second submenu and moves

Javascript - Ultimate Web Site Drop Down Menu Forum

Post questions on javascript here. ... Drop Down Menu within a Menu Include Page . Jude. 12-22-2008 10:48 AM .... accessible javascript menu

JavaScript FireFox problem - Webmaster Forum

Here is the entire html page code with just the example menu. Thanks! ... <a title="Close menu" href="javascript:startSlideBack();"

www.wysiwygwebbuilder.com :: View topic - Add html - javascript menu

http://www.wysiwygwebbuilder.com/javascript.html ... An example of a menu built with Vista Buttons and integrated in a website designed with

Automatic YUI Menu Navigation - Navigation, Breadcrumbs and

<script src="/YUI/menu/menu.js" type="text/javascript"></script> .... the layout of the menu (look at the YUI Menu examples for ideas)

Javascript Multi Column Dropdown menu

Jun 30, 2009 ... Well, you can do it in Javascript easily enough. For example, look at: dhtmlxMenu - Javascript menu with rich client side API and Ajax

WP Menu Manager javascript not working? - Wordpress Themes - WP

WP Menu Manager javascript not working? Plugins & Atahualpa. ... Having problems integrating the plugin WP Menu Manger here:

Programmers Resource - The Pop-Up Menu (JavaScript)

It's time to build the menu system. This example creates four menus ... One way to translate the preceding pseudo-code into JavaScript is:

Joomla! • View topic - MiniDoc: Creating a CSS Drop-down Menu

Last but not least you need to add the JavaScript for IE into the head of the ..... For example, when a menu is clicked, the content of that menu will be

Forum Swt Menu Background Color Template - Javascript Menu Template

html website template menubar vertical Javascript Tree Menu Auto Close · javascript menu examples collapsible horizontal Submenu Rounded Corners

Diagnosing JavaScript problems - Sigsiu.NET Forum

SOBI2 Menu Module, SOBI2 Extended Search Options, WYSIWYG Editors, Google Maps, .... Some JavaScript Libraries must be loaded before others, (for example,