Collapsible Css by Deluxe-Menu.com
Collapsible Css

Menu Screenshots

Collapsible Css Javascript Popup Menus

Features

Cost Effective
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
Simple Horizontal Javascript Menu Collapsible Css
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
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible css 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: We'd like to underline dhtml pop up menu items on hover but we can't do it with those spaces.

A: To set align for the one dhtml pop up menu item only you can use the following method:

instead of

["email a temp expert                               ","email.html", "", "", "", "", "15", "", "", "", "", ],

you can write:

["<div align=left>email a temp expert</div>","email.html", "", "", "", "", "15", "", "", "", "", ],

and set fontDecoration=none,underline style for this item:

["itemWidth=248px","itemHeight=41px","itemBackImage=dd-data.files/emailatemp.JPG,dd-data.files/emailatemp.JPG","fontStyle='bold 11px Arial',''","fontColor=#005D8C,#002030","fontDecoration=none,underline"],



Q: At my site the java script popup menu works fine with the frame on the home page but hides behind a new flash form I created. You can access this in "Marketing Tools" and click on "What's your Project". I noticed that it seems to work fine in IE but not in Firefox.

A: See fix for java script popup menu and flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Evernote User Forum • View topic - Collapsible bulleted lists, please

I have created many web pages with just this feature -- just little CSS ... a section of note to be collapsible—that way you can put around any text

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

I'll add the css code on my theme, perhaps there's something there, .... the Ross Cairns collapsable menu to work but no luck---my website still

Unobtrusive JavaScript CSS collapsable areas - Boagworld

For example, to create a collapsable list I typically use something like this: Define closed and open classes in my CSS file: .closed{display:none;}

Joomla! • View topic - help with collapsible div's?

Post subject: help with collapsible div's? Post ... my template has a basic header, main area, footer structure. it is a css template made of divs

collapsible tabpanel [Archive] - Sencha Forum

I mark the tab panel as collapsible, but there is no collapse icon. Is there a way to ... <html> <head> <link rel="stylesheet" type="text/css" href="

Spry collapsible panel in sticky footer to simultaneously load a

Spry collapsible panel in sticky footer to simultaneously load a scroll down script. ... of the page and a spry collapsible panel inside which expands below to reveal ... Search Forums, Forums Home, Client-Side Development, HTML, XML, CSS

Using Moodle: collapsible menu in HTML Block

How do I get a collapsible menu in an HTML Block. ... You organize the links in a bulleted list and add the css at the backend of the block (html

[HOW TO - vB4] Making Boxes Collapsible - vBulletin.org Forum

Let's say, you have a simple div-container you want to make collapsible. The css ids and classes assigned to the elements are completely

[UNKNOWN]HTMLEditor loses content when in a collapsible panel

Adapter used: none css used: only default ext-all.css custom css (only to ... HTML Editor is a child form field (form layout) inside one of the collapsible panels

Forum:Collapsible navbox css - Wikia Community Central

Jun 1, 2011 ... I'm trying to make the collapsible navbox and I need help in making it. I don't know how to make it

Need toggled arrows with Spry Collapsible Panel [Archive

Use CSS to insert a background image with the appropriate arrow: For the closed state insert in rule: .CollapsiblePanelTab. For the open state

format collapsible block heading? - Wikidot Community

I thought you wanted to apply a header font to the collapsible block. You could apply your custom styles via CSS. .collapsible-block-link is the one you're looking

Forum:Collapsible galleries css code? - Wikia Community Central

Jul 17, 2010 ... Is there some sort of css code or perhaps a template to

Collapsible sets CSS broken in 1.0b1 - jQuery Forum

as seen on http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/content/ content-collapsible.html (scroll to bottom for collapsible sets) when all collapsed:

Joomla! • View topic - [TUT] How to make collapsible modules in

Sorry, bascherz, is this in the template.css file then or the index.php file? .... For create collapsible modules, i found useful extension for do this,

Expanding Menus On Hover... :: Forum :: Indexhibit

item_title.css({cursor:"pointer"}).hover( ... Another good example for a drop down / expanding / collapsable or whatever menu is used by

Expandable and Collapsible Area using jQuery - LightCMSForum

jQuery(document).ready(function($){ $('.collapsible').hover( function(){ $(this).css( 'text-decoration','underline'); }, function(){ $(this).css('text-decoration','none');

Collapsible sets, jquery mobile, event when clicking the icon

Now it gets the btn-down-f on the button itself, and the CSS changes. But I want the same to happen on mye ican thats comes with the collapsible set. Any ideas

Collapsible Archive code - Comic Fury Webcomic Hosting

What it does is create a collapsible list of archive pages with the ... lcond:[ newchapter]--> </ul> </li> <li class="chaptertitle">[l:chaptername] <!

Collapsible Dialog - Forums - YUI Library

Re: Collapsible Dialog ... The click handler also toggles the CSS for the roll-up link to show an UP or DOWN caret (from the standard YUI sprite

Forum:Enabling Collapsible Tables - Wikia Community Central

Jan 8, 2011 ... I read up on Wikipedia's collapsible tables, and trie

Flexi CSS Layouts for Dreamweaver » spry collapsible panel hidden

Flexi CSS Layouts for Dreamweaverspry collapsible panel hidden when ... Flexi CSS Layouts is a Dreamweaver Extension that helps you

xslt collapsible and expandable submenu - Xslt - our.umbraco.org

Feb 2, 2011 ... XSLT Collapsible and expandable submenu. Andrei Yazik started this topic 10 months ago ... <xsl:value-of select="$cssClass"/> level_{$level}

New Mod: Expandable / Collapsible Attributes Field in Product Page

New Mod: Expandable / Collapsible Attributes Field in Product Page All Other ... being the modules_attributes.php file and some additional css