Css Collapsible Menu Faq by Deluxe-Menu.com
Css Collapsible Menu Faq

Menu Screenshots

Css Collapsible Menu Faq Navigation Bars In Java Script

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible menu faq samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Create Navigation Menu Css Collapsible Menu Faq
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
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 css collapsible menu faq menus easily and in no time
  • Sensible menu parameters for manual editing



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: Is it possible to make on top of the css tree menu 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)


Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

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

Try that.


Q: I have a paid version of the menu, and I was trying to add the functionality of dynamically adding net dhtml menu item

When I added the code I get the following JS error,

menu is undefined in dmenu_dyn.js (line 13)

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

function dm_ext_hideAllSubmenus(mInd){_dmsm(mInd);};function dm_ext_changeItem(m...

I copied the example from your site, just to see if I can use it.

What am I doing wrong?

A: See, we have two menus on the sample's page
http://deluxe-menu.com/dynamic-functions-sample.html

That's why we write menuInd = 1
dm_ext_addItemPos(1, ...

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

But if you have only one menu you should write menuInd = 0
dm_ext_addItemPos(0, ...
dm_ext_addItem(0, ...



Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];