Javascript Menu Collapse by Deluxe-Menu.com
Javascript Menu Collapse

Menu Screenshots

Javascript Menu Collapse Download Side Bar

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu collapse menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Creation Menu Deroulant Javascript Menu Collapse
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 menu collapse samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: What I would like to see is the ability to have a base site navigation menu with all the definitional entries (size, locations, icons, etc.) defined but all the menuitems be called from an Ajax file.

A: You cannot use ajax submenus for the top items.
But you can use several .js file, for example:

params.js //file with all menu parameters (size, locations, icons, etc.)
all code before
  var menuItems = [
...
];
dm_init();

data_ajax1.js //data files for ajax submenus
data_ajax2.js
data_ajax3.js
...

main_data.js - data file with the following code:

  var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();

You can also place this code into your html page directly (in the place where you want tohave a menu):

<script type="text/javascript">
  var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();


Q: I would love to buy your product BUT, I am not sure if it will do what I want - can I call javascript within the dynamic menu?

For example my old page for disaster recovery we have inserted a URL substitution :

The javascript function is called at the top of the nav page:

<script LANGUAGE = "JavaScript" SRC = "../urlSub.js"> </script>

then the link on the nav menu

<a> href="#" ONCLICK = "urlSubstitution('transco/sheet.asp?stype=1')">Table of Contents </a>
-----------------------------------------------------------------------------------------------------
HOWEVER, Im not sure if this is possible with your product?

A: Yes, it is possible.

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


Q: Thank you in advance for reviewing my question. By the way, I love the software and the menus it creates!

  Question: I would like my horizontal menu buttons all have a uniform width, for example, all 7 top level buttons 120 pixels wide. I am not finding this setting in the available parameters.

  Is there a way to do this? Any assistance would be appreciated.


A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],


Q: How can I open the links that I created for the web drop menu /sub-menu on the same window (not on a new window)

A: You can set target parameter for all items:
  var itemTarget="_self";

or for each item individually:
["","testlink.htm","http://images.myregistry.com/images/myregistry/tabs/thingstodo.gif", "http://images.myregistry.com/images/myregistry/tabs/thingstodo1.gif", "Home Tip","_self", "0", "0", , ],