Gwt Simple Menu Example by Deluxe-Menu.com
Gwt Simple Menu Example

Menu Screenshots

Gwt Simple Menu Example Cool Css Menu

Features

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
Html Button Absolute Position Gwt Simple Menu Example
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed gwt simple menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: We currently check the functionalitys of deluxe-menu for a new project.
Currently we need a popup menu that shows some menu entrys with submenus.
If the user select the submenu in the dhtml horizontal menu, we want to show a div container witha google map in the menu!
Is this possible with deluxe-menu?

A: You are able to paste any html code within items.

For example:

  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search the web' size=15 style='font-size:10'> <INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'>
</form></nobr>","", "images/icons/search.gif", "", "", "", "", "", "", "", "",],

Q: Also I have a problem getting the separator to show in my javascript right click menu. I have individual settings for the main menu items. I then tried to place an after item image, and they will show, though then the mouseover image does not work.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical javascript right click menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the javascript menu scroll?

A: You should use Individual styles, for example:

  var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];

And assign styles to your items:

  var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
 ["|Submenu Item","","","","","_self","2",,,],...



Q: When a user clicks on a javascript flyout menu item, I want to run a javascript function.

How can I do this in the data file?

A: You can use your own Javascript code instead standard javascript flyout menu links. For example:

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