Menu Select Ajax by Deluxe-Menu.com
Menu Select Ajax

Template:

Light Menu Template - DHTML Popup Menu






    - Inactive/Disabled items
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Text aligned to left
    - Horizontal or vertical orientation
    - Sound support!
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Submenus automatically scrolls




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

Menu Screenshots

Menu Select Ajax Sliding Down Menu

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

Features

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
Cost Effective
Onmouseover Arrows Menu Select Ajax
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
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: .How customizable is it style in for dhtml navigation, meaning, i have images i want used for the top level navigation, and background images for the rest. any way I can achieve this?

A: Actually you can create any menu with Deluxe Menu. You can use Individual Styles tocreate your menu.
For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma",
"fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Q: How to open a popup after clicking on a menu item in dhtml image menu.

A: You can write your menuItems in the following way:

["Home","javascript:window.open('http://deluxe-menu.com');window.focus;", "", "", "Home", "", "", "", "", "", "", ],

Q: We've been using Deluxe Menu for a couple of years now and we're very pleased with it. Recently, we switched to a layout heavy on CSS, and when we insert the javascript menu code into an absolutely-positioned div, the menu appears where it should, but the sub-menus drop down off to the side in both Firefox and IE. I've tried adjusting the x-offsets in the configuration file with negative values to bring them closer to the top-level menu item, but this doesn't seem to do the trick completely.

I also went through a number of sample questions in the support section of the Deluxe Menu site, but I haven't been able to find any sort of resolution.

If you have any suggestions, I'd be very appreciative.


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: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

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

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">aaspot_US~.Hration...M&Project Tool Configuration.Try that.


Q: I would like to make the main bar for the menu javascripts more consistent in the spacing.

A: Try to set exact width for each top menu item using Individual Styles:

  var itemStyles = [
["itemWidth=131px"], //style0
];

  var menuItems = [

["home","", "", "", "", "", "0", "", "", "", "", ], //style0
["artist index","", "", "", "", "", "0", "", "", "", "", ], //style0
["the gallery","", "", "", "", "", "0", "", "", "", "", ], //style0


];

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