Extjs Buttons In Collapsible Menu by Deluxe-Menu.com
Extjs Buttons In Collapsible Menu

Menu Screenshots

Extjs Buttons In Collapsible Menu Java Script For Menus

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
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
Rollover Drop Down Menu Examples Extjs Buttons In Collapsible Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs buttons in collapsible menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.  

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

  var menuItems = [
["Home<br> ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us<br> ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News<br> ","/index.asp?pgid=3", , , , , "0", , , ],
["Services<br> ","/index.asp?pgid=4", , , , , "0", , , ],
 ["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
 ["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
 ["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us<br> ","/index.asp?pgid=5", , , , , "0", ,, ],
];



Q: I want to activate script pop up by a hyperlink.

A: Drop down menu items is an array of arrays. It has the following structure:

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

where target is target for an item link.
Available values: _self, _blank, _parent, _search, _top.

So you can set the target value _blank for the items you need.

For example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","http://deluxe-menu.com", "", "", "", "_blank", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "", "", "", "", "", ],
];

More info you can find here:
http://deluxe-menu.com/menu-items-info.html



Q: Where can I change the state of Vista1 buttons?


A: If you want to have 1 state button, please, go to "Edit IndividualStyle"/Item Styles. Click on the style "Top Item" and in bothitemBackImage fields you should write btn_black.gif.

So in your data file you will have such code:
  var itemStyles = [
["itemWidth=92px","itemBackColor=transparent,transparent", "fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=btn_black.gif,btn_black.gif"],
];


Q: I'm using your DHTML menu product.
I've read the parameters but am unable to make the drop down menu links stop spawning a new window on click.
I love the product and want to use it on my web but I've got to make it stop having babies! Have you some advice for me or a FAQ page you can send?


A: You should use the following parameter

  var itemTarget = "_self";

Please, see also individual items targets, for example:

 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , "_blank", , , , ],

Change "_blank" to "" or to "_self".