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

Template:






    - Sound support!
    - Text aligned to left
    - Cross-frame support - menus work on frameset-based pages
    - Image arrows
    - Filters and Transitional effects
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Several menus on one page
    - Unlimited number of sub levels




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

Menu Screenshots

Menu On Mouseover In Extjs Simple Menu Bar Using Dhtml Onmouseover Javascript

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu on mouseover in extjs 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!
How To Make A Drop Menu Menu On Mouseover In Extjs
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 menu on mouseover in extjs 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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: There is "Incorrect Copyright" message on our website in IE7. Please, help!


A: Now on your website you're using Deluxe Menu v1.14.

You see "Incorrect Copyright" message because you're using old version of Deluxe Menu. We've fixed this bug in the new version - v2.0.

How to upgrade to v2.00
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.
Deluxe Menu v2.00 has new parameters and features.
To upgrade to v2.00 you should do the following.

Step 1.
1.1 For Windows users
a. Run Deluxe Tuner v2.0
(can be found in the trial menu package v2.0
http://deluxe-menu.com/deluxe-menu.zip).
b. Open menu data file (.js file where menu parameters are placed):
select File/Open…
c. Save the file: select File/Save, then click "No" button when the dialog box appears.

1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:

  var keystrokes = 0;
  var dm_focus = 1;
  var dm_actKey = 113;

  var dynamic = 0;
  var smHideOnClick = 1;
  var itemAlignTop = 'left';
  var smSmartScroll = 1;

  var dmAJAX = 0;
  var dmAJAXCount = 30;
  var dmRTL = 0;
  var dmObjectsCheck = 0;
  var menuBackRepeat = "repeat";
  var menuHeight = "";
  var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

c. Save the file.

Step 2. Now open HTML-page that contains Deluxe Menu.

Step 3. Replace existent <noscript></noscript> tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

Step 4. Save HTML-page.

Step 5. New engine v2.00 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.00.

Try that.


Q: I have been using Deluxe Menu quite a bit, but am now running into a problem on a site I developed. When I add a submenu, it appears separated by about 100 pixels down. In this case I left it on the Menu Item “Why Maumelle” for you to look at.

Can you help me out?


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

For example, you should add style="position:relative;"

to the

<DIV class=MainBody>
<DIV class=Banner></DIV>
<DIV class=Menu>

So, you'll have:

<DIV class=MainBody style="position:relative;">
<DIV class=Banner></DIV>
<DIV class=Menu style="position:relative;">

Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.


Q: Once again, I need your help....I have gone through my eniter site to fix what it takes to keep this menu from hiding the flash header when you role over the main menu items. It still hides. The problem still exists. Help!


A: You should add the following function in the beginning of your data file

function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) && (navigator.vendor.indexOf('Apple Computer') != -1) && (navigator.product=='Gecko'))
return true;
else
return false;
}

You should add this function each time you change your menu in DeluxeTuner as it deletes this function from your data file.


Q: I've been working with your javascript menu sample and like what I see so far. One issue I have seems to be with the smColumns variable. I'm assuming it was for just the sub menus but in the trial when I change this the entire menu goes into multi- column mode. I exported the project to HTML thinking I could manually change it there, that produced the same result, changed the entire menu to multi-column.

Our menu will be dynamic (populated from SQL Server) with only some of the sub menus being multi-column. We will even have multiple sub menus for certain items and we'll need to have the capability to set which one of those will be displayed in Multi-columns and which ones will not. (See Below) So the question becomes; Is there a way to set the number of columns only for the javascript menu sample subitems we desire to have multi-column and if so how?

A: You should use Individual Styles and set number of javascript menu sample submenu columns foreach submenu individually.

  var menuStyles = [
["smColumns=2","smOrientation=undefined"],
];



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