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

Menu Screenshots

Css Collapsible Menu Tutorial Desplegables En Javascript

Features

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
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
Web Buttons Creator Css Collapsible Menu Tutorial
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible menu tutorial 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible menu tutorial 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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Can you please write me, can I have the active menu button in the javascript menu generator different color display.

A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: This is the problem I need to solve.

When the page loads with dhtml menu with images in Firefox 3, ALL the copy in ALL the tabs is displayed in the browser and I can't figure out what I need to do to change that. What I want displayed is ONLY the copy assosiated with the default tab.

A: You should add style="visibility: hidden;" for a content DIVs.

<div id="stilotig" style="visibility: hidden;">
<div id="history" style="visibility: hidden;">
...



Q: I was able to install the rollover dropdown menu pretty easily. However, how do I make the text of it bigger for the main items? I can change the text easily for the subitems.

I can't find anyway to do this. Also, if I edit the size of the before/after for the buttons, do I need to edit anything else in the javascript? Most of their heights is 23px but I wnat to make it 27px.

Let me know and I will purchase the software if I can get it to work.

A: Try to change Individual Item styles. I suppose that you're usingIndividual style for the top items now.



Q: I try to use the javascript menu popups to show an image; then when the mouse is over the image I dynamically generate a panel of http links. It works perfectly, but the problem is that I would like to do the same with several images (for instance 2) and different links : I'm not able to do that, whether I change the value of menuItems   var or not, I display the same link values on both images (it seems menuItems is a global   var and can be set only once).

Have you heard about this problem and could you give me a solution (this is a bit urgent, I have sold this solution to my customers) ?

A: See how you should call dm_popup() functions:
<img src="../../../../fileadmin/img/flag_de.gif" width="50" onMouseOver="return dm_popup(0, 2000, event);" style="cursor: pointer;">
// 0 - is ID of the first menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50" onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
// 2 - is ID of the third menu
... and so on.