Extjs Right Click Menu Example by Deluxe-Menu.com
Extjs Right Click Menu Example

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Personal CSS styles for separate menu elements
    - Items with icons
    - Top items and submenus have a shadow
    - Text aligned to left
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Image arrows
    - Status string shows item labels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Extjs Right Click Menu Example On Mouseover Menu Bars

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs right click menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Professional Menu Bars Extjs Right Click Menu Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs right click menu example menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Does Delux Menu/Tree/bar Tabs work on a Mac? can't seem to get it to work... normally am PC person.

A: To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:http://deluxe-menu.com/deluxe-tuner-info.html

Unfortunately we don't have html version of the Tuner for Deluxe Treeand Deluxe Tabs now. We'll try to create it in the nearest future.

All Deluxe products work fine in all Safari browsers.

Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?


A: Yes, you should change the name of the folder.

If you have, for example such file structure:

deluxe-menu_files/
    dmenu.js
    data.js
images/
html_pages/
    page1.html
    page2.html

index.html

So, you should install your menu in the following way:
<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "deluxe-menu_files/";</script>
<script type="text/javascript" src="deluxe-menu_files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</head>

<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>

Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?

A: The reason is in your style

TD {
VERTICAL-ALIGN: top
}

Try not to define style for Table, TD, TR elements they can affect themenu.

Set also the following parameter:

  var itemAlignTop="center";



Q: Can I call javascript within the drop menu javascript?

A: Yes, it is possible.
Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


s
Buy Now!   ::  Free Trial Download   ::  More Info