Extjs Mouseover Menu by Deluxe-Menu.com
Extjs Mouseover Menu

Template:






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus dropdown on mouseover
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left
    - Several menus on one page
    - Filters and Transitional effects
    - Inactive/Disabled items




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

Menu Screenshots

Extjs Mouseover Menu Net Flyout Menu

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

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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We are an enterprise license holder and have recently purchased Deluxe Menu and are transitioning to it smoothly except for one minor annoyance; the first dhtml div menu item's submenu always has a gap between the browser’s left side as shown below. This happens for Internet Explorer 6, 7 and Firefox 2 and 3.04b.

If I move the menubar to the right about ten pixels, the submenu's left side will line up with the word "Search" as it should. Every other submenu on the dhtml div menu appears directly beneath its menubar item except for the very first one on the left. I’ve tried using a few of the example configurations but they all experience the same behavior.

The installation is in a multi-framed environment.

A: You should change dmenu.js file. Open it in any text editor and find:

space=15;

Change it to:

space=0;



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: How can I from javascript code change a displayed tab selection to another one in the dynamic menu tabs... lets say from first tab to the third tab?


A: This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
(  var bselectedItem and   var   var bselectedSmItem) or using any server-side script (php, asp, etc.)

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

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters
based on your link beforeyou call your data file.

For example, move "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>

Try that.



Q: Doesn't this mean that I have to add this search engine code to all of my sites pages?  If so this could be tedious when adding additional pages to a large site.Is this something I can adjust ...or make submenus were you can't see through them?


A: Unfortunately it is really so. You should paste search engine code onthe each page with the menu.

If you don't want to create your menu (and add search engine friendlycode) on each page, you can try to use frames, the menu has a cross-frame mode. Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.


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