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

Menu Screenshots

Css Collapsible Expandable Menu Javascript Vertical Popup Menu

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible expandable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Dropdown Menu Generator Css Collapsible Expandable Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible expandable menu 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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: My problem is that the easy dropdown menu, as opposed to being in a fixed position
as stated in the .js file floats up and down with the page..How do I fix this..

A: You should set the following parameter to disable the floating feature:

  var floatable=0;

Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.


Q: I am using your Ajax menu and am generally delighted with it. Its ability to load sub menus on the fly is just what I have been looking for.

However, I have noticed in IE7 that it can leave sub menus displayed when you have moused off that particular ajax drop down menu. Can this be fixed?

Also, can you get the menu to disappear when you mouse off the menu, rather than having to hover over another menu or click the page off the menu.

A: See, now you've set the following parameter:
  var smHidePause=-1;

It means that your submenus won't be hidden till you click or scroll your page.

If you want to hide your submenus on mouse out you should set another value, for example:

  var smHidePause=1000;
or
  var smHidePause=500;


Q: Does this mean that nothing needs to be installed on the server side to make javascript menu?

Here is why I am asking this:

We have a main "corporate" web site, which is going to use the Deluxe Menu. One of the links on the main site will launch a page, which is running on a separate web server (physically separate server, and not a load-balancing scenario). Since all of these pages should look identical to the users, they all have to use the exact same configuration and look&feel in Deluxe Menu. I was wondering if any "configuration" type settings are stored on the server. In other words, would we have to maintain the Deluxe Menu install on two separate servers?

A: There is no need to install anything on your server. You should onlycopy a folder with all engine files (dmenu.js, dmenu_add.js, ...) anddata file on your server. Then you should call these files on yourpages, for example:

<body>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
...
<script type="text/javascript" src="data.js"></script>

> In other words, would we have to
> maintain the Deluxe Menu install on two separate servers?
Actually you can copy deluxe menu files on the one server only anduse absolute paths.