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

Menu Screenshots

Css Collapsible Area Script Java Desplegable

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible area menus easily and in no time
  • Sensible menu parameters for manual editing
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
How Do I Create A Vertical Css Drop Down Menu Css Collapsible Area
Cost Effective
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
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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: One more doubt, How can I mention the Text font style like BOLD, Italic..... in javascript pop up menu?


A: You can set your font size in Deluxe Tuner.

//--- Font
  var fontStyle="bold 11px Arial";
  var fontColor=["#000000","#FFFFFF"];


Q: I would like to know how I indicate on a javascript menu, an item that was selected.
So in other words, if I have a horizontal navigation and I select the 3rd index along the menu
and select something from this, how can I make the 3rd index highlighted?


A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe 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: We have a query on a navigation that we have created. We would like to knowhowto set the colour for a nav item of the asp drop down menu if any pages in that section are currently being visited?

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<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=2;</script>

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

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus

A: You can try to specify spacing parameter:

  var itemSpacing=1;

You can also try to use separators.

You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],

Use "Add Separator button in Deluxe Tuner.

Set separator parameters in the following way:
//--- Separators
  var separatorImage="";
  var separatorWidth="100%";
  var separatorHeight="2px";
  var separatorAlignment="left";
  var separatorVImage="data.files/separator.jpg";
  var separatorVWidth="2px";
  var separatorVHeight="100%";
  var separatorPadding="0px";