Javascript Menu by Deluxe-Menu.com
Javascript Menu

Menu Screenshots

Javascript Menu Javascript Floating

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!
Explorer Drop Menus For Internet Explorer Javascript Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript 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 menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I'm just trying to get those little vertical spacers between menu items in the drop down menu.How can I do it with Deluxe Menu.

A: Please, see the following parameters of the menu:
//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "20";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";
You can create separators between items in the drop down menu using menuItems, for example:
  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],  ["|item 3"],
 ["|-"], // this subitem is separator
 ["|item 4"],
];


Q: I don't know anything about what JavaScript is all about...and I'm currently trying to get a menu that will float as I scroll down the page.
I saw the examples you have and I'd love to be able to do that on my website, but I don't understand the scripting that you have written there.
Like, what makes it float from this text...


A: If you want a floatable menu, you should set an absolute position forthe menu and paste the following code into your html page:

Paste the following code into <head> tag

<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>

Then set coordinates of top-left menu corner in the data .js file, forexample:

  var absolutePos=1;
  var posX=30;
  var posY=110;

Then set   var floatable=1.

The parameter floatable=1 makes a floatable menu.

Also you can change any of menu parameters inside data .js file.


Q: I have read your FAQ's on "When using javascript tabbed menu, where do I place the text content related to the selected tab", but I am still not understanding how to edit the java text menu. Can someone please assist me. This is for our Pack website and I have subscribed to a non-profit license. Thank you for your time.

A: You should specify any Object ID name of the DIV.

See, for each java text menu item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: How can make my html vertical tabs to open internet link in the same window?

A: You should set the following paramter in your data.js file (file, created in Deluxe Tuner),
where your tab-menu parameters (vars) and items (  var bmenuItems) are placed.

  var bitemTarget = "_blank";

Default target for all items ("_self","_blank","_parent","_top",...).
If equal to "" - defined as "_self".

Or you can set target parameter in your data file using Deluxe Tuner:
"Tab mode" section in the menu parameters list.