Menu Desplegable Javascript Open Source by Deluxe-Menu.com
Menu Desplegable Javascript Open Source

Template:






    - Status string shows item labels
    - Sound support!
    - Items with icons
    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect
    - Personal CSS styles for separate menu elements
    - Hundreds of pre-designed templates




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

Menu Screenshots

Menu Desplegable Javascript Open Source Tutorial In Javascript Dropdown Menu

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

Features

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
Dhtml Menu Css Menu Desplegable Javascript Open Source
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!
Cost Effective



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: "Tools/Use utf8 encode" from my Deluxe Tuner is turned on (with check in it). You mean I will have to uncheck it?

No problem with my pages... it is only with the java swing drop down menu because there are words that doesn't show the correct letters / characters I am encoding both in French and Spanish pages. My boss said, it looks like a virus..(lol..)

A: You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode. So, youshould set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

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

  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],

You can find more info here
http://sunsite.berkeley.edu/amher/iso_8879.html



Q: I updated .js files and added   var key to data file.
When I tested there is no nag tag. But the sub-menu no longer worked. (it worked before with "Trail Version" nag).
The status bar on IE shows "Error on page".

I am looking forward to your help.


A: Please, see menu parameters. Now you have:

  var menuBorderWidth="";
  var itemBorderWidth="";

You should write:

  var menuBorderWidth=0;
  var itemBorderWidth=0;


Q: Please tell me where I am going wrong:

The menu is all messed up!


A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.


Q: This is the problem I need to solve.

When the page loads with dhtml menu with images in Firefox 3, ALL the copy in ALL the tabs is displayed in the browser and I can't figure out what I need to do to change that. What I want displayed is ONLY the copy assosiated with the default tab.

A: You should add style="visibility: hidden;" for a content DIVs.

<div id="stilotig" style="visibility: hidden;">
<div id="history" style="visibility: hidden;">
...



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