Free Collapsible Menu Remembering State by Deluxe-Menu.com
Free Collapsible Menu Remembering State

Template:

iPhone 11 Template - CSS Horizontal Drop Down Menu






    - Submenus automatically scrolls
    - Status string shows item labels
    - Items with icons
    - Several menus on one page
    - Filters and Transitional effects
    - Inactive/Disabled items
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Free Collapsible Menu Remembering State Dhtml Cascading Drop Down Menu

Buy Now!   ::  Free Trial Download   ::  More Info

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your free collapsible menu remembering state menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Dropdown Navi Free Collapsible Menu Remembering State
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free collapsible menu remembering state 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!
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have small problems with your javascript menu system.

#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?

#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?

#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?


A: 1) You should use Individual Item Styles.
For example:
  var itemStyles = [
    ["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
    ["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
    ["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
    ["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
  var menuStyles = [
    ["smColumns=2"], //style0
];

    ["Home","testlink.htm"],
    ["Samples","testlink.htm"],
      ["|Group 1","", , , , , "0", , , ],
      ["|Group 2","", , , , , "1", , , ],
      ["|Group 3","", , , , , "2", , , ],

...
    [" More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "0", , ],
      ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

2) You can also use Individual Item Styles.

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

    ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
      ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
      ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles

3) Try to set this parameter:

  var noWrap=0;


Q: I am in the early stages of desgning a website for a client and am looking for a particular menu script.
I came across your site ad am impressed with the options. However, I am haivng trouble finding something that will do what the client is looking for.
With a horizontal menu bar across the top, a drop down sub-menu appears but the menu items appear side by side insdie of in a column.
I was hopeing that one of your options might be able to handle this type of menu but I do not see that there is a script for it. Is that true or is it possible to achieve this example in a setting in one of your scripts.


A: You can create such menu with Deluxe Menu.

Please, see the attached example.
You should set this parameter:

  var smOrientation=1;

You can create any style of the menu.

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


Q: I am using javascript dropdown menu - Deluxe Menu 2.0 and have some problem with the doctype declaration.
Is there any need to classify a certain doctype in order to get the menu working correctly?
If we use the XML declaration (like this: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">)
the padding and margin settings of the submenus get lost.
Are there any known solution to fix this?

A: Yes, it happens if you don't specify units in "px" for some dropdown menu parameters.
Please, try to write so:

  var itemPadding="2px";



Q: Can you tell me if I can eliminate the transparent look of the dhtml rollover?
When the menu drops down over text, you can see the text.
What can Ido to fix it.

A: You should set the following parameter:

  var transparency="100";




Buy Now!   ::  Free Trial Download   ::  More Info