Javascript Menu Samples by Deluxe-Menu.com
Javascript Menu Samples

Template:

Space Menu Template - Simple Dropdown Menu






    - Unlimited number of sub levels
    - Image arrows
    - Several menus on one page
    - 85% transparency for sub menus
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - Submenus dropdown on mouseover




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

Menu Screenshots

Javascript Menu Samples Drag N Drop And Files And Javascript

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

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



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We have a problem with true type fonts. The dropdown menu in html does not showing properly for Turkish letters. We are using true type fonts (bold 10px TR Tahoma).

A: Font.If there will be no TR Tahoma font on the user machinethe font won't be shown correctly.
You can find another font similar to your font and write it through a comma.

You should choose the font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.

For example:
  var fontStyle=["bold 9px TR Tahoma, Tahoma","bold 9px TR Tahoma, Tahoma"];

Or you can create images with text and use it for the top items.

Encoding.

You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.5.

You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
É - Capital E, acute accent - É
ç - Small c, cedilla - ç
  var menuItems = [

["É....","testlink.html", "", "", "", "", "", "", "", ],
["ç....","testlink.html", "", "", "", "", "", "", "", ],



Q: I have a problem...
On some computers running IE the menu appears and works correctly, on others it doesn't appear.
There is only a line that says JavaScript Menu by Deluxe-Menu.com.
Both of these computers have the same version of IE running. I have reset the security levels back to default levels on both. Still the menu doesn't appear.
For all practical purposes both copies of IE are the same.


A: You should change your security settings in IE to allow Javascript onpages you load. In other case you can't see a dynamic page content.
There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

You can also use Deluxe Tuner application that allows you to generate additional html code for search engine that can't parse Javascript. So, you can use menu links on browsers that doesn't have Javascript support enabled.


Q: How ever there is still one major issue that need to be solved before we open to site to the public and occurs when the form used by the 2020 Datashed application to search an item (page listing.asp) is used together with the Delux dropdown menu.

When the Delux dropdown menu display their data, it is possible to 'see' the information of the 2020 search form through it. The over all effect is some kind of transparency in the page that is not acceptable.

In the attached snapshot is an image of the web page that shows the effect that we want to avoid.

This effect only happens on the head area of the 2020 search form that I have marked with a red rectangle. The main body of the form, marked in blue, does not have this transparent effect.

I wonder if it is possible eliminate the transparency in javascript menu systems changing the adequate css file that is used in the red area, using the same css code that is applied in the blue area.

My solicitude for help is about this issue, could you advice about this matter and pinpoint the css file and instruction than can make this change, or there is another way to make the same result?

A: Try to set the following parameter:

  var transparency="100";

Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.

Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.

Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.


A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:

["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
     ["|Contestants","experience_contestants.php","","","_self","2",,,],
...

> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.

You should use Individual styles, for example:

  var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];

  var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...

For submenus you should set the following parameter:

  var smWidth="150px";

> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.

You should also use Individual styles.
But you should set this parameter:

  var fontStyle="";
And then use different fonts for your items.


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