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

Menu Screenshots

Javascript Dropdown Menu Element Drop Down Templates

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript dropdown menu element menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Dynamic Menu Source Code Javascript Dropdown Menu Element
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 javascript dropdown menu element samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I am in the process of building this site, but as you will see the menu text is showing on the top menue, but not the javascript hide menu itself.

A: You forgot to upload engine files on you server.
That is why you see search engine friendly code for the javascript hide menu only:

<div id="dmlinks" style="font:normal 11px Arial;color:#ff9966;text-decoration:none">
...
</div>

Notice that you should call dmenu.js file and dmWorkPath parameter on your html page only once.

You should write only

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="OnlineHelp.files/";</script>
<script type="text/javascript" src="OnlineHelp.files/dmenu.js">



Q: I am able to create the simple navigation bar but can't seem to get it to work in Yahoo SiteBuilder.

A: Deluxe Menu wasn't developed as Yahoo SiteBuilder/Dreamweaver/Frontpage extension
and wedon't have plug-ins for it.

To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
(you can use "File/Save as/HTML" function).

You can enter any name you like, for example enter "menu".
So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.

2. open your .html page in Dreamweaver

3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.

4. Open generated menu.html in any text editor and copy several rows of code (<script> tags),
For info see:http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.



Q: Is there a different type of menu, other than the way I have it set up, such as the tree type, that might load faster or take up less space when the page loads?


A: You should set
  var dmAJAX=1;
create .js files with your submenus and call this files from your mainfile, for example:

  var menuItems = [

["Home","testlink.htm"],
["Product Info","", , , , , , , "data-samples/data-ajax2.js", ],
["Samples","", , , , , , , "data-samples/data-ajax3.js", ],
["Purchase","testlink.htm"],
["Contact Us","testlink.htm"],
];

/*** data-ajax2.js ****/
  var menuItems = [
["Features","testlink.htm"],
["Installation",""],
["Parameters Info","testlink.htm"],
["Dynamic Functions","testlink.htm"],
["Supported Browsers",""],
];

Add dmenu_ajax.js file in the same folder with your dmenu.js file.

Try that.


Q: I intend to purchase a copy of Deluxe menu where I will be using tree menu for a project. I have created the tree describing the menu and copied the data.Files folder, data.js file to the area where the HTML page is and pasted the relevant text into html file.

When opening the page, the tree menu in javascript is not displayed. Can you please help me resolve this problem. I have attached the data.files folder (in zipped form), the data.js file and the html page I am using

A: Now you have the following code on your html page:

<HTML>
<HEAD>
<script type="text/javascript" src="data.files/dtree.js"></script>
</HEAD>

<BODY>
</BODY>
</HTML>

It is not correct you should install the menu in the following way:

<HTML>
<HEAD>
<script type="text/javascript">  var tWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dtree.js"></script>

</HEAD>

<BODY>
<script type="text/javascript" src="data.files/data.js"></script>
</BODY>
</HTML>

You can use "Export to HTML" function in Deluxe Tuner.