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

Menu Screenshots

Javascript Dropdown Menu Dropdown Menu

Features

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



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 can I have the sub tab option that initiated the action highlighted once the new page is reloaded?  I want to highlight the tab which is done with 'bselectedItem', please tell me about the sub-tab option.

A: See you cannot create subitems in
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>




Q: We're willing to use your tool. We saw in FAQ that is possible to read/insert data from a database through PHP.
After some trys it's seem simple, but we need some information on how is data formated e.g:

   ["||Sample 4","testlink.htm", "", "", "", "", "", "", "", ],

What is supposed to be between the following comas ?


A: Parameters of tmenuItems you can find here:

http://deluxe-tree.com/menu-items-info.html

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd],
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd],
...
];


Q: How to modify data.js in deluxe menu to change the font color if the user click on css pull down menu.

Expl. If the user click on 'Webdesign' and then on 'Thema Webdesign' the color dosn't change to #333. So the user don't now, where is it. Please test it on www.media-design.ch. Thank!

A: Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

<script type="text/javascript">

  var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}
</script>

You should define selitem using server side script.



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? help! - WebDeveloper.com

I think I have the basis but I'm puzzled with my drop down menu's. I want to have a html drop down but populate the content of it with arrays

Javascript dropdown menu behind flowplayer - Flowplayer - Flash

Jul 13, 2009 ... Javascript dropdown menu behind flowplayer Created Jul 13, 2009. Flowplayer forums » Configuration » This thread

Drop Down Menu Using Javascript - Zymic Webmaster Forums

Hey all, I wrote that tutorial on how to create a simple drop down using HTML/ CSS only, this tutorial is similar but is the javascript way to do it

Javascript to Show/hide drop down menus - Webmaster Forum

Hi everyone, I'm trying to show/hide different drop down menus, depending on what is chosen in another drop down menu. I modified a script in

Horizontal Drop-down Menu Plugin :: Forum :: Indexhibit

Rolling over each category opens a drop-down list of all the exhibits inside. ... and below (you probably need some javascript to make it work)?

Javascript - Ultimate Web Site Drop Down Menu Forum

Post questions on javascript here. ... Javascript server side needed to connect & retrieve from SQL DB. ISMAILC ... Drop Down Menu within a Menu Include Page

Using getElementById() to get values from drop down list

Hi, I'm a beginner at java, still learning, so have some patience with me :) I have this .java page which should get and set a HtmlPage, and this

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

User Avatar Junior Member Posts: 24. Joined: 22/09/2008, i have problem with this infusion when i upload all files i have this message on top:

JS drop down menu not working with IE7 : JavaScript Forum

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

How do I add the flag inside the dropdown menu? - GTranslate Forum

Jun 4, 2012 ... Right now, the flags are shown on top of the dropdown menu. ... <a href=" javascript:doTranslate('en|en')" onclick="_gaq.push(['_trackEvent',

Using Moodle: Dropdown box not working in Matching Questions

The standard matching with drop-down lists fails to show the choices .... but that is for a javascript drop down menu but these moodle quiz drop

CSS VS JQUERY Drop Down Menu - Webmaster Forum

hello gurus, i need your suggestions and tips on creating a main nav menu using either just a css technique or jquery or javascript. i don't know

Javascript dropdown navigation (Page 1) — Scripts & Components

Hi, I am building a site with a main navigation with multiple sub-menus (javascript dropdown). Is it possible to integrate this menu with the

Javascript: Select a drop down menu based on another

Forum discussion: I have a drop down menu that asks the individual for their citizenship. I also have a drop down menu that asks for their

Drop down menus - LightCMS Forum

If I found a javascript drop down menu that uses lists, is there a way to "populate" the list using calls to the API? For example, could I create a suckerfish menu

Inserting Header-with java drop down menus-

Help Please. I'm trying to mirror the header to:- http://www.arcenergy.co.uk/ OK ... in atahualpa/images/header ...... I've place i) mm_menu.js

Using Moodle: Help with Javascript - drop down menu

I posted this question in a previous post but thought it really didn't have much to do with the post original title thread. I'm trying to make a simple

Drop-Down menu code explained - Javascript Tutorials - CODECALL

Jun 10, 2010 ... Drop-Down menu code explained - posted in Javascript Tutorials: Hi, I a few days ago I came across Paradoxs code for a drop-down menu and

Not working drop down menu - Java - UC FORUM - Powered by Discuz!

May 20, 2012 ... When touch address bar a drop down menu open from history. But, we can't select one web address from that in my touch mobile. Any solution

Javascript Drop Down Menu? - High Rankings Search Engine

May 7, 2011 ... I read a graph that said 2% of people don't have javascript enabled. I'm thinking of using a javascript dropdown menu.Looking at this one her

jQuery/javascript doesn't have AND? Dropdown menu help please

Hey, i'm trying to write an if statement for a dropdown menu so that the dropdown box only fades out when the cursor has left both the link(that

CMS Javascript dropdown menu issue

I need some help why my drop down menu "Select a sports" lands in the upper left of my page, it should be near to "Popular Sports", see

Javascript: Select dropdown menu onChange and Key Events

I added a small javascript function to my site that I call in an onChange handler on a <select> dropdown. function dropdown_change(id){ for (i =

Javascript Dropdown menus - WebDeveloper.com

Hi, I was wondering if anyone could help me rewrite the drop down menus but still keep them in javascript, and how would you add the pound