Jquery Collapsible Menu Example by Deluxe-Menu.com
Jquery Collapsible Menu Example

Template:

Space Menu Template - Simple Dropdown Menu






    - Several menus on one page
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Text aligned to left
    - Visible over select boxes, iframes, pdf, flash, Java applets.




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Jquery Collapsible Menu Example Top Menu Javascript

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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
Drag Drop Netscape Javascript Jquery Collapsible Menu Example
Cost Effective
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am testing your product, and I would like to know, on the menu can the Plus sign be changed to expand a menu to a pointer or bullet?


A: You can use your own icons instead of Plus sign.

You should use the following parameters:

  var texpandBtn=["default.files/expandbtn2.gif","default.files/expandbtn2.gif","default.files/collapsebtn2.gif"];
  var texpandBtnW=9;
  var texpandBtnH=9;


Q: The menu is the table imbedded to the layer.

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.js"></script>
</div>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.


Q: We're interested in the pop up menu (context menu) you offered. Is it possible to generate multiple context menus at the same page?
Is the context menu also 508 compliant, in other words, keyboard accessible?

A: Yes, you can use as many context menus as you want on the same page.
You should call your data files at first

<script type="text/javascript" src="data-deluxe-menu.js"></script>
<script type="text/javascript" src="data-deluxe-menu1.js"></script>

<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);" style="cursor: pointer;"> //1st menu
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(1, 1000, event);" style="cursor: pointer;"> //2nd menu

You can use keyboard in context menus but you have to click (or hover) the image. And only after your subitems appear you can press "Ctrl+F2" and arrow keys to navigate themenu.
But if you have multiple menus on one page and use keystrokes support you can navigate only the first menu.



Q: The "drop down" menus go above the mouseover javascript menu, not below. I want them to go down. That's why it's a DROP DOWN menu and not a DROP UP menu.

And I tried the "  var subMenuVAlign="bottom";" command as per your user database forum and it doesn't work.

So the problem is elsewhere....

BTW, I did not have this problem on the trial version, it appeared after I installed your js files in the scripts directory and the key in the data.js file

A: You should set the following parameter for mouseover javascript menu:

  var subMenuVAlign="top";



Buy Now!   ::  Free Trial Download   ::  More Info