Javascript Pour Drop Down Menu by Deluxe-Menu.com
Javascript Pour Drop Down Menu

Menu Screenshots

Javascript Pour Drop Down Menu Website Tab Menu Script

Features

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!
Java Tree Menu Example Javascript Pour Drop Down Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript pour drop down menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript pour drop down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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 tested your code and it works fine now. I don't need the Deluxe Tuner and only used the Java Script code. So please inform me about the expenses of using Java Script code and also related support needs.


A: Deluxe Tuner is a free software.
We support all our clients no matter if they had bought a license or not and what type of the license they have.

More info about license types you can find here.
http://deluxe-menu.com/order-deluxe-menu-purchase.html


Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.


A: You can use any image for the top items.

You can set
  var itemBackImage=["",""];
Or, create Individual style

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

The new method of making image-based menus: if item text is empty, icon fields will be used as item images.

For example:

["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]


Q: I am in the final stages of testing and need some advice and help.

I have two problems I am trying to address.

1) Arrows on dropdown menu select.

2) Load time.

Please notice, I have to use absolute paths for the dropdown menu select to work.

1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.

2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.

Neither one of my commands appear to work.

This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.

A: 1) Now you have:

  var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
  var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];

You should set your arrows in the following way:

  var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
  var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];

2) Your menu is very large. I advise you to us AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You can also try the following things:

move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:

<head>
<script src=mainmenu.js>
...
</head>

...

<div><script>dm_init();</script></div>

It this case data will be loaded when <head> will load, but after thatdropdown menu select must be shown quickly.
Let me know about results.



Q: When I click into a field and the calendar pops up that it doesn't pick up the date/time values.

I can display time in 12 or 24 hour format - however for the selection it only allows 24 hour format. My boss is yelling at me that it has to be in 12 hour selectable format.

A: > when I click into a field and the calendar pops up that it doesn't
> pick up the date/time values.
But you haven't specified hour in the date format. Now you have
%L %d, %Y, %l: %M %p
month day year abbreviated month name minute either `am' or `pm'
So, you have: January 29, 2009, Jan:54 am
See more info about conversion specifiers here:
http://calendardatepicker.com/parameters.html

> 2) I can display time in 12 or 24 hour format - however for the selection it
> only allows 24 hour format. My boss is yelling at me that it has to be in 12
> hour selectable format.

Try to specify date format in the following way:
%L %d, %Y, %l, %I:%M %p
So, you'll have: January 14, 2009, Jan, 03:50 pm