Open Source Javascript Collapsible Menu by Deluxe-Menu.com
Open Source Javascript Collapsible Menu

Menu Screenshots

Open Source Javascript Collapsible Menu Horizontal Menu Bar Script

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
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
Absolute Mouse Position Javascript Open Source Javascript Collapsible Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your open source javascript collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: We are trying to evaluate your software for use on our redesigned website.

Dhtml scrolling menu look great in Firefox but when we open the same page in IE it is ugly.

A: The reason is in the following code:

<DIV id=header><IMG hspace=0 src="menu_files/nmwaLogoTop.gif" align=left border=0> </DIV>

Delete align=left from the <IMG> tag:

<DIV id=header><IMG hspace=0 src="menu_files/nmwaLogoTop.gif" border=0> </DIV>



Q: I've been working with your javascript menu sample and like what I see so far. One issue I have seems to be with the smColumns variable. I'm assuming it was for just the sub menus but in the trial when I change this the entire menu goes into multi- column mode. I exported the project to HTML thinking I could manually change it there, that produced the same result, changed the entire menu to multi-column.

Our menu will be dynamic (populated from SQL Server) with only some of the sub menus being multi-column. We will even have multiple sub menus for certain items and we'll need to have the capability to set which one of those will be displayed in Multi-columns and which ones will not. (See Below) So the question becomes; Is there a way to set the number of columns only for the javascript menu sample subitems we desire to have multi-column and if so how?

A: You should use Individual Styles and set number of javascript menu sample submenu columns foreach submenu individually.

  var menuStyles = [
["smColumns=2","smOrientation=undefined"],
];



Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?


A: Deluxe Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com


Q: I have now re-uploaded the data files.
The online dhtml menu works fine in Internet Explorer but, comparing the load time of IE with Firefix, Firefox is considerable faster.
I just wondered whether there was a faster way to force it to load in IE.

A: Try to set the following parameter:

  var dm_writeAll=0;