Extjs Context Menu Example by Deluxe-Menu.com
Extjs Context Menu Example

Menu Screenshots

Extjs Context Menu Example Fly Out Menu Sample

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is there a way to programmatically close a hover popup via javascript?

A: You can close the popup using the following function:document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot access
document.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situated
on the same page so you can access document.getElementById('win') element and hide it.

There is a workaround for Iframe.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Q: We had to activate the tcloseExpandedXP to 1.
So far, that is OK. But as soon as we do so, The main menu-titles are aligning to the LEFT side! We could not get them to align to right as needed.

Any idea how this could be fixed?


A: You can try blank images before the top-menu items.

["<img src='blank.gif' width=84 height=12>Text","", , , , , , , , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=250&fa=1", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=6", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=2", , , , , "fmain", "5", , , , ],
 ["|Text","", , , , , , "5", , , , ],
["<img src='blank.gif' width=44 height=12>Text1","", , , , , , , , , , ],



Q: Where in the interface is there an area to make a tab selected or not for the div tab menu?


A: You should see the following parameters:

Top items
  var bselectedItem=1; //--- Common

Submenus
  var bselectedSmItem=10; //--- Tab-mode



Q: We are a registered user of deluxe menu.
We are using your Deluxe-Menu.
We have one problem we have implemented menu in our html page.
It works very well in IE but there is a problem in firefox.
It display gap between two menu.



A: 1) You can move search engine friendly code inside the NOSCRIPT tag:
<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu by Deluxe-Menu.com</a>
<div class="dmlinks" style="font:normal 11px Verdana;color:#000000;text-decoration:none">
<a href="default.html">Home</a>
<a href="products.html">Products</a>

...
<a href="channel_partners.html">Partners</a>
<a href="feedback.html">Feedback</a>

<a href="http://blogs.innowera.biz">Blogs</a>
</div>
<!-- End of Code for Deluxe Menu Items -->
</noscript>

You won't see links when your page loads in that case.

2) You should specify the following parameter:
  var itemSpacing="0";