Dropdown Menu Javascript by Deluxe-Menu.com
Dropdown Menu Javascript

Menu Screenshots

Dropdown Menu Javascript Menu Web Sample

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Examples Of Pull Down Menu Dropdown Menu Javascript
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!
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: Can I make dhtml menu sample so a user can open a link on a Deluxe-Menu in a new browser tab instead of a new window using IE?

I really like your menu system.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.

A: If you want to create subtabs in your menu you should use Tab Mode
  var tabMode=1;
and write your bmenuItems in the following way:

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
 ["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
 ["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.



Q: Here is a snapshot from the javascript drop down menu:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],

 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],

 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],

If I click on test1 which is a Norwegian newspaper, it works.

But it I click on test2 which is a link to my page – it does not work.

A: You cannot use "" symbols within menuItems. It is not correct.
Try to write your javascript drop down menu items in the following way:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],
 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],
 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],



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

Javascript drop-down menu...activated by mouseover or link

I'm looking for a javascript drop-down menu, that would be activated by moving the mouse over a link or picture hotspot (or something)

PHP-Fusion - Discussion Forum: CSS/JavaScript Dropdown Menu v1.0e

A fancy horizontal Dropdown Menu for your PHP-Fusion site. .... I've never seing /heard this issue before regarding the CSS Dropdown Menu

Problem with javascript drop down menu in Home page

I have spent several hours following instructions on how to introduce a javascript drop down menu with no luck. I would really appreciate

JavaScript - WebDeveloper.com

JavaScript (not Java) Discussion and technical support, including AJAX and ... css, drop down menu, html, jquery, list Sliding Drop-Down List Menu Problem

swf overlap javascript dropdown menu - FlashMove Forum

Jan 26, 2005 ... I use firework to generate a javascript dropdown menu and added a swf file just below it. somehow, the swf file is overlaping the javascript

Forum Swt Menu Background Color Template - Javascript Menu Template

"..javascript dropdown menu could save me many hours of work designing menus when I should be adding content.." menu javascript lateral

Quick Menu Pro (opencube) javascript flyout / dropdown menu

Nov 4, 2008 ... 0 of 1 people found this answer helpful. Did you? Sign in to vote. Report abuse ... 0 of 1 people found this answer helpful. Did you?

Javascript Drop-Down menu code explained - CodeCall Programming Forum

Jun 10, 2010 ... Hi, I a few days ago I came across Paradox's code for a drop-down menu and wanted to write my own tutorial to describe how such a menu can

Dropdown menu result in textarea? - Focus on JavaScript

Jul 18, 2010 ... On a bit of a steep learning curve with Javascript. ... basic online quote calculator for a website which works using two drop down menus

ActiveWidgets • XML and drop down menu - please help

Feb 25, 2005 ... XML and drop down menu - please help ... grid with data from XML ; i've read / javascript.forum.1621.5/editable-templates-with-xml-data.html

Using Moodle: Help with Javascript - drop down menu

I've read the Moodle Doc for javascript templates but I'm still very confused on how to accomplish the drop down menu and the action of

Javascript Multi Column Dropdown menu

Hi All I am looking for some example/tutorial for Javascript Multi Column Dropdown menu, if you check Microsoft Corporation and mouseOver

Javascript: Navigate from a Drop down menu

Jan 6, 2007 ... Introduction:- Here I will show you how to go to different websites from a drop down menu Let's Begin:- Make this code between the HEAD

drop-down menu klapt niet uit :S - HTML-site forum

Mar 26, 2010 ... <script type="text/javascript"> <!-- //** Chrome Drop Down Menu- Author: Dynamic Drive ..... Een dropdownmenu kan ook zonder javascript

PHP-Fusion - Discussion Forum: CSS/JavaScript Dropdown Menu v1.0e

This will put the dropdown nav right where it should be. .... <script type='text /javascript' src='".THEME."js/fusion.js' ></script>

JavaScript Mouseover Drop Down Menu Falls Behind a regular HTML

Apology for the JavaScript question in a Java Programming discussion board. Problem: On a HTML page, there is a JavaScript mouse drop down navigation menu

[RESOLVED] Javascript / CSS drop down menu - WebDeveloper.com

The CSS one would show if javascript is not enabled and if javascript is enabled , then only the javascript menu would show

simple dropdown menu without using Button [Archive] - Sencha Forum

<script language="javascript" type="text/javascript"> var currentMenuStatus='off '; Ext.onReady(function(){ // first, create the menu

javascript dropdown menu --need header help - Zen Cart Support

javascript dropdown menu --need header help Templates, Stylesheets, Page Layout

Flowplayer Forums - Javascript dropdown menu behind flowplayer

I have a problem where I'm using a simple design for a javascript dropdown menu, but when i put my mouseover the buttons, the dropdown part

DHTML Menu | Drop Down Menu - Webmaster Forum

May 7, 2006 ... I am not aware of any DHTML dropdown menu script NOT being triggered by JavaScript. DTHML is the layout and JavaScript is the code that runs

Facebook Platform Developer Forum / Drop Down Menus with

Re: Drop Down Menus with Subcategories in FBML. I tried a pretty simple js form just like http://javascript.internet.com/forms/dr

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 11:48 AM by Jude · Go to last post

JS drop down menu not working with IE7 : JavaScript Forum

Dec 13, 2010 ... Thanks for looking, I am a novice. Desire: Drop down menu that works with MSIE 7 Works with: FF, Safari, Safari for iPhone Page: