Collapse Menu Onclick by Deluxe-Menu.com
Collapse Menu Onclick

Menu Screenshots

Collapse Menu Onclick Tree Drag Drop Web Javascript

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
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!
Javascript Collapsible Tabs Collapse Menu Onclick
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapse menu onclick menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapse menu onclick samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I've encountered a problem when I was creating my collapsible menu javascript. I got an error message when I was creating my menu as follows:

----------------------------------
There is the error in the data file. The menu won't be loaded correctly.

Line: 361
Char: 3
Code: 0
Message:']' f=F6rv=E4ntas
----------------------------------

A: You have errors in your data file now. It is not correctly to writeitems in the following way:

   ["||10"","", "", "", "", "", "", "", "", "", ],
   ["||11"","", "", "", "", "", "", "", "", "", ],

You should write:

   ["||10","", "", "", "", "", "", "", "", "", ],
   ["||11","", "", "", "", "", "", "", "", "", ],


Q: I am looking to integrate your menu system into a CMS (Content Management System) such as Joomla. I was curious if you have any supporting documentation as to any steps that could make this any easier; or if its anything you have looked at previously. I know some menu systems actually have export modules in which it will export their system to a CMS compatible template; does this menu software have any of the functionality; or modules (even 3rd party modules) that perform similar function?


A: Deluxe Menu wasn't developed as Joomla extension,BUT you can use it as standard Javascript files.
To create and configure your menus use Deluxe Tuner application

(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.html

Please, try the trial version.


Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use <br> tags, for example:

  var menuItems = [
["line 1<br>line 2"],
];



Q: Can title attributes be added to a drop down menu html code?


A: Yes you can add titles in drop down menu. See menuItems parameter:

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "TITLE", "", "", "", "", "", "", ],