Extjs Float Menu by Deluxe-Menu.com
Extjs Float Menu

Menu Screenshots

Extjs Float Menu List Menu Javascript

Features

Cost Effective
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
Script Menu Deroulant Extjs Float Menu
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!
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



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: When I stay on one page (for example "Home") аlso must have the menu-point "home" another color or font. How can I make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

Deluxe Menu v2.4 has only two states normal and mouseover. Now we'repreparing new version of Deluxe Menu. It saves it state after thereloading of the page. We're planing to release a new version during a month.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
You can also set the correct
  var pressedItem=1;
parameter on each html page.


Q: Is this transparent feature there for individual submenu styles or for individual menu items in scrolling menu? I want that.

A: See, you can use "transparent" value instead of any color in the mainmenu parameters and in Individual styles.

  var menuBackColor="transparent";
  var menuBorderColor="transparent";
  var itemBackColor=["transparent","transparent"];
  var itemBorderColor=["transparent","transparent"];
  var moveColor="transparent";
  var shadowColor="transparent";

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderColor=transparent,transparent"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderColor=transparent"],
];


Q: Please tell me where I am going wrong:

The menu is all messed up!


A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.


Q: Hi there. I need to be able to customize the x & y coordinates of each submenu in the javascript horizontal menu. I don't see such a control in the GUI interface. How can I do this?

A: Unfortunately it is not possible to set these parameters for eachsubmenu individually. You can set them for all submenus.

Use the following parameters ('Positioning' section):
  var topDX=0;
  var topDY=1;
  var DX=-5;
  var DY=0;