Prototype Js Menu Ajax by Deluxe-Menu.com
Prototype Js Menu Ajax

Template:

Rounded Nav Bar Template - Drop Down Navigation Menu






    - Items with icons
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Text aligned to left
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Prototype Js Menu Ajax Javascript Onmouseover Drop Down

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed prototype js menu ajax 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 Menus On Mouse Over Prototype Js Menu Ajax
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We'd like to underline dhtml pop up menu items on hover but we can't do it with those spaces.

A: To set align for the one dhtml pop up menu item only you can use the following method:

instead of

["email a temp expert                               ","email.html", "", "", "", "", "15", "", "", "", "", ],

you can write:

["<div align=left>email a temp expert</div>","email.html", "", "", "", "", "15", "", "", "", "", ],

and set fontDecoration=none,underline style for this item:

["itemWidth=248px","itemHeight=41px","itemBackImage=dd-data.files/emailatemp.JPG,dd-data.files/emailatemp.JPG","fontStyle='bold 11px Arial',''","fontColor=#005D8C,#002030","fontDecoration=none,underline"],



Q: Is it possible to use this easy drop down menu as a static HTML form element so it does not behave like a link but its value is posted with other form elements on submit?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<input name='as_q' value='searchthe 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", "", "", "", "", "2", "", "", "",],

Q: I have spanish characters that are not showing up in my menus correctly.
My array has this:

 ["|M&eacute;xico","#", "", "", , , "7", , ],
buy in the drop downs it appears as M?xico

I read in the FAQ about displaying Norwegian characters
(http://deluxe-menu.com/rq-javascript-menu-drop-down-Norwegian-characters-support.html)
so I tried this:


but that did nothing.
I have the charset on the page set properly and the letters appear properly everyone else, only incorrect in the menus.

A: You should write your Spanish characters in the following way:

 ["|M&eacute;xico","#", "", "", , , "7", , ],

Try that.



Q: I have menus generated by you deluxe menu package . They look fine on all my computer but look bad on my friends computer.
Can this be fixed?


A: Thanks for your interest in our products.

Try to specify all units in "px", for example:

  var menuHeight="22px";

Try to set exact width for menu item
  var menuWidth="736px";

Try also not to set
  var smWidth="0";
  var smHeight="0";

Please, see the attached data file.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


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