Clickable Menu Panel By Jquery by Deluxe-Menu.com
Clickable Menu Panel By Jquery

Menu Screenshots

Clickable Menu Panel By Jquery Collapsible Dhtml Menu

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
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 Menu Dhtml Right Click Clickable Menu Panel By Jquery
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your clickable menu panel by jquery menus easily and in no time
  • Sensible menu parameters for manual editing
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



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 created a button set and saved the project. I was able to open it for a while, but now every time I try to open the data file it gives me this message: Access violation at address 004AACF7 in module 'deluxetuner.exe'. Read of address 00A78000. Is there anything you can help me with?


A: You used Individual Item Styles for the main items, but there was noindividual style in your parameters.

["Home","http:/www.jx2productions.com/index.html", , , , "_self", "0", , , ],
["About us","http:/www.jx2productions.com/about/index.html", , , , "_self", "0", , , ],


Q: I created a test page with your product. I have a frame page consisting of a header and content.
The drop down menus are in the header and cross nicely into the content frame when they drop down. This part is working as planned! The first time I open the test page in my browser any link in any drop down menu will work the first time just fine.
Then, if I pick another link in any drop down menu, it appends the address of the first link to the address of the second link and the URL fails.

It is acting like it writes the url for the first link into some variable, then forgets to null it on select, and then appends the url for the second link to the variable. As I click links in different drop down menus it keeps doing this append feature until I have a very long worthless URL path. If I close the browser and start over then the first thing I click on will work properly, but that is all that will work.

I tried this test page on two different PCs, just in case there was a problem on my browsers. MS IE.6.0


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: A question: How do I make it show all the drop down dhtml menu items rather than having them pop up?

eg:
- Item 1
- sub item 1
- sub item 2
- sub item 3

A: You cannot expand items by default in Deluxe Menu. You should hoverover menu to open submenus.

You can do it using Deluxe Tree.
To expand specific items in Deluxe Tree you should add + sign beforeitem's text or set the following parameter to expand all drop down dhtml items bydefault:

  var texpanded = 1;



Q: I am having a problem trying to get my scrolling menu javascript to work correctly with frames.

My web page is frame based. There are THREE (3) Rows. The top roe is "header" and the bottom row is "footer". The center row is divided into TWO (2) columns. The left is "contents" and the right is "main". This is a very standard configuration.

I have created a menu called "member-menu" and added it to the "content" html file. I have edited the "member-menu.js" file to add the "dm_initFrame("FrmSet",0,1,0); at the end of the file. Using the instruction provided when the scrolling menu javascript was saved. I then uploaded all of the required file to my server. At this point everything is fine, I go to a password protected page in the "\members" folder and this seems to work also. When I try to go to a "submenu" it wants to expand to the right in the "content" FRAME. I need it to expand into the "main" FRAME on the right.

I know that I am doing something wrong. I have read the instructions a dozen times and can't find the problem.

A: You should write the ID of your frames correctly, for example now youhave:

header - 0
contents - 1 (frame with the menu)
main - 2 (frame with submenus)
bootom - 3

In that case you should write init function in the following way:

dm_initFrame("FrmSet",1,2,1);

where - dm_initFrame("FrmSet",frame with the menu,frame with submenus,1);

Try that.

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html