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

Menu Screenshots

Extjs Buttons In Collapsible Menu Css Popup Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs buttons in collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Side Menu Script Extjs Buttons In Collapsible Menu
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: I can't see menu on my test page only direct links...


A: Now on your page you have only search engine friendly code for Deluxe Menu. You do not have a menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and

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

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.


Q: Is it possible to place the icons on the right side of the menu items for the navigation bar script?

A: Unfortunately there is no such option. But you can use html code inside item's text, forexample:

["Purchase   <img src='default.files/icon1.gif'>","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "", "", "", "", "", ],



Q: But given the sample on
http://deluxe-menu.com/highlighted-items-sample.html#ind
we want to delete menuentry 'Sample1' and do
dm_ext_deleteItem(2, 4, 0)

This raises an error but according to your javascript menu master manual the first argument should be the menuindex ....which is 2 in our opinion.

A: See, if you have several menus on your page they will have differentID's, for example:

<script type="text/javascript" src="menu/data1.js"></script> //ID=0

<script type="text/javascript" src="menu/data2.js"></script> //ID=1

<script type="text/javascript" src="menu/data3.js"></script> //ID=2

<script type="text/javascript" src="menu/data4.js"></script> //ID=3

So, if you have only one menu on your test page you should use ID=0