Extjs Floating Menu by Deluxe-Menu.com
Extjs Floating Menu

Menu Screenshots

Extjs Floating Menu Clear Drop Down Menus

Features

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!
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
Change Drop Down Menu Width Extjs Floating Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs floating menu 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs floating menu 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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: My site has three levels of a folder structure.  Can I create a menu that will allow me to link in and out of folders?  Or must I design three menu's with different link locations. 


A: You can use one menu.

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: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.

Firefox shows the borders ok.

A: You've set the following parameters in this menu:
  var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
  var menuBorderWidth=3;
  var menuBorderStyle="";

You should specify style for your border, for example:
  var menuBorderStyle="solid";

See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.

Change also
  var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
  var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];


Q: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?


A: See how you can find the ID of the clicked item:

  var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];


Q: I am having trouble getting my tabs to link to a div id...should I beusing a certain target? I have attached my html file and data.js file.The links won't work.

A: You can use links if you have

  var tabMode=1;

only.

If you have
  var tabMode=0;

You should use the ID of the DIV.