Button Onmouseover Gwt by Deluxe-Menu.com
Button Onmouseover Gwt

Menu Screenshots

Button Onmouseover Gwt Javascript Horizontal Cascading Menus

Features

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
Menu Xml Javascript Button Onmouseover Gwt
Easy Setup
  • De Luxe Tuner. GUI interface to create your button onmouseover gwt menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?

A: Images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif


Q: I am attempting to use the deluxe menu with frames. After click a few links the popup part of the menu stops showing up. This especially happens if the content of the main frame requires scrolling. In this case the scroll bar just flickers when I put the mouse over the menu.

Do you know why this would happen?


A: We need to check your menu.
Please, send us a direct link to your website, so we can check it.

Please, notice also that Deluxe Menu can work within 1 frameset only.
It can't work within nested framesets. It is possible that you'll havesome errors.

The menu will work correctly in the cross-frame mode if you load pages into the sub frame from the same domain.If you load pages from another domain submenus won't be shown in the subframe - they will be shown in the frame with the top-menu.It's caused by a security policy of browsers - a script can't modify a content of pages from another domain.


Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.

I still get 'Error on page' when I hover over the first java scrolling menu item.

Please help! I need to buid this site out by Monday.

A: Now you have several errors in your data file:

  var menuBackColor="f9f9ec";

You should write:
  var menuBackColor="#f9f9ec";

The following parameters cannot be empty:
  var menuBorderWidth="0";
  var itemBorderWidth="0";

It is not correct to write the java scrolling menu parameter in the following way:
  var itemBorderStyle=["1px","1px"];

You should write:
  var itemBorderStyle=["none","none"];

If you want to add borders in the subitems you should write:
  var itemBorderWidth="1";
  var itemBorderColor=["#c59d1f","#c59d1f"];
  var itemBorderStyle=["solid","solid"];

And to remove border from the top items you should create Individualstyle and assign it to the top items:
  var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];

["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...