Dhtml Accordion Menu by Deluxe-Menu.com
Dhtml Accordion Menu

Menu Screenshots

Dhtml Accordion Menu Html Forms Drop Down

Features

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
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
Java Cascade Menu Example Dhtml Accordion Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml accordion menu 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 dhtml accordion menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: If I have a Menu and Tab control on the same page, how do I get the menu pop up to have a higher z-index so it displays on top on the tabs?

I want the main menu to display above the Label/Candle tab control.

A: Deluxe Tabs has z-index = 2000
Deluxe Menu has z-index = 1000

You can open dmenu.js file in any text editor and find the following code:

dmZOrder=1000

Change it to

dmZOrder=2050



Q: I'm trying to figure out how I can tie in this code loan_profile.asp?id= into the link on the tree menu, for example:

 ["|Loan Profile", "../pipeline/loan_profile.asp?id=<%=rsLoans("loan_id")%>", "", "", "", "", "", "2"],

When I try this and then test it in the browser the menu doesn't even show up and it says that there's an error... what can I do to fix this? Please get back ASAP. Thanks!

A: Try to write your code in the following way:

 ["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],



Q: At present the javascript drop down menus expand intelligently into the area with more real estate (i.e. up or down). How can I force the menus to only expand down?


A: Set the following parameter:
  var subMenuVAlign="bottom";


Q: Thank you for the information. I have been successful in getting the drop down menu select to appear on my index.htm file.

I'm having some problems fine tuning it. I placed the code and files as indicated on the file. What I get is a menu appearing at the top of the page and a link titled: Trial Version where I want the menu to appear.

The other problem I am having is that the drop down menu select is left justified and I would like it to be centered on my page (table).

A: Check that you're using relative position for the drop down menu select. You shouldset:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";