Flyout Menu Amazno Style Examples by Deluxe-Menu.com
Flyout Menu Amazno Style Examples

Menu Screenshots

Flyout Menu Amazno Style Examples Scroll Horizontal Dhtml

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!
Cost Effective
Javascript Popup Fade Flyout Menu Amazno Style Examples
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
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I am having a problem creating a submenu. I did not get any js errors but nothing happens.

What I have found is that even when I have dynamic=1;
I was getting an error saying object expected so I added the dmenu_dyn.js manually (i.e. <scripttype="text/javascript"src="../../Javascript/menu/dmenu_dyn.js"></script>) but now get no errors but no submenu is created.

Do I have to add all the js files in the menu folder manually as I thought it was just
<scripttype="text/javascript"src="../../Javascript/menu/dmenu.js"></script>
that was needed.

All, I am trying to add a submenu under the challenge topmenu.

function addChallengeItems(){

dm_ext_createSubmenu(0, 0, 3, ['Buy Deluxe Menu Now!', "order-deluxe-menu-purchase.html", "", "", "Buy Deluxe Menu Now!", "_blank"]);

}

And then a href that calls addChallengeItems()
<ahref="javascript:addChallengeItems();">add</a>


A: There is no need to add all engine files into your menu folder.
You can add only
dmenu.js
dmenu_dyn.js

More info about Description of Files you can find here:
http://deluxe-menu.com/description-of-files-info.html

Please delete also the following line from your code
<script type="text/javascript"src="../../Javascript/menu/dmenu_dyn.js"></script>

Try that.


Q: The menu maps to the width size of the longest menu item on the list, can you tell me how I can restrict this, and have a fixed menu size.

A: Unfortunately it is really so.
You can try to wrap your text.

You should set the following parameter:

  var noWrap = 0;

or use <br> tags within menuItems.



Q: My submenu is not display at the good position with Firefox.

Look at my web site with Firefox. Select item menu 'Inscription' and you'll see the problem.

Note: mainmenu.js is relative positioning. The table tag is absolute positioning.


A: Try to write so:
<TABLE id=Table60style="Z-INDEX: 803; LEFT: 295px; POSITION: absolute; TOP: 114px">
   <TBODY>
    <TR>
     <TD style="POSITION: absolute;"><NOSCRIPT><A href="http://deluxe-menu.com/">Javascript Menu by Deluxe-Menu.com</A></NOSCRIPT> <NOSCRIPT>MainMenu</NOSCRIPT>
<SCRIPT language=JavaScript1.2 src="deluxe_files/MainMenu.js" type=text/javascript></SCRIPT>
     </TD>
    </TR>
   </TBODY>
</TABLE>




Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];