Joomla Collapsible Expandable Menus by Deluxe-Menu.com
Joomla Collapsible Expandable Menus

Menu Screenshots

Joomla Collapsible Expandable Menus Html Collapsible

Features

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
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
Scripts Menu Dynamic Joomla Collapsible Expandable Menus
Easy Setup
  • De Luxe Tuner. GUI interface to create your joomla collapsible expandable menus menus easily and in no time
  • Sensible menu parameters for manual editing
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!
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: We are interested in using your dropdown menu code for our site but we do have a question.

When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"

A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.

  var menuWidth="500px";



Q: I have used for your software for Menu creation(Trial version). We integrated it in our appliaction running good on IE 6. It has some whitespaces also. Menu using dhtml is not displayed in IE 7 when integrated in our application. When we call your html directly in IE 7 then it displays.

In Mozilla ,menu is displayed but without transitional Effects.

I am interest buy your software. If we are assured that above issues will be fixed in licensed version.

A: > Menu using dhtml is not displayed in IE 7 when integrated in our application.Try to set exact width for the menu, for example:  var menuWidth="300px";

> In Mozilla, menu using dhtml is displayed but without transitional Effects.Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

http://www.deluxe-menu.com/filters-and-effects-sample.html



Q: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.

A: You can write your links in the following way:

["Channels","", , , , , , , , ],
 ["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
 ["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
 ["|Agriculture","", , , , , , , , ],
   ["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
   ["||Movie Trailers","", , , , , , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
   ["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],

And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}




Q: When one of my menu items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow for the dhtml rollover?
Basically, I want the links of the menu items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";