Vertical Expanding Menu by Deluxe-Menu.com
Vertical Expanding Menu

Menu Screenshots

Vertical Expanding Menu Web Design Drop Down Menus

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
Cost Effective
Javascript Menubar Example Vertical Expanding Menu
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
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

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.

Recent Questions

Q: We recently bought your product.

We are developing in ASP.NET (VB) and we have a problem making you deluxe menu dynamic to suit our needs. We are using the Deluxe Menu.

The problem is each time a page with dhtml nav loads, we want to be able to generate the menuItems variable to reflect the options the individual user has, so it can't be hard coded into data.js it MUST be provided by an aspx file and attached somehow. I can't work out how to attach the variable (even a static one) as a separate file, so if you can do it with a static one, we can extend it to a dynamic one later.

For example the JS in the data.js file we want the MenuItem dimension you be loaded in a seperate file, some kind of include.

  var menuItems = [
["Home","index.aspx", "", "", "", "_self", "", "", "", "", "", ],
["About","about.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Contact","contact.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Help","", "", "", "", "", "", "", "", "", "", ],
 ["|HowTo Register","RegHelp.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|FAQ","FAQ.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Dos 'n' Don'ts","DoDont.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Workshop","workshop.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Gold Run","", "", "", "", "_self", "", "", "", "", "", ],
 ["|About Goldrun","goldrunAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Veiw Sites","GoldDistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
["My Run","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmyrun.aspx", "", "", "", "_self", "", "", "", "", "", ],
["TICs","", "", "", "", "", "", "", "", "", "", ],
 ["|About","abouttics.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Metro","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmetro.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Distribution","", "", "", "", "", "", "", "", "", "", ],
 ["|About","DistribAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Status","DistribStatus.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|News","DistribNews.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Display Units","DistribDisplay.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Team","", "", "", "", "_self", "", "", "", "", "", ],
 ["|View Sites","DistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|TIC Budget","", "", "", "", "_self", "", "", "", "", "", ],
];

Hope this makes sense.

A: You can move
  var menuItems = [
...
];
dm_init();

dhtml nav code from your data file to your page (template) directly:

<script>
  var menuItems = [
...
];
dm_init();

</script>


Q: In the javascript pulldown menu submenu width seems not to work in FF...

A: You should specify units in "px".
  var itemStyles = [
["itemWidth=208px"],
];
  var menuStyles = [
["smHeight=200px"],
];



Q: Should it possible to make a meta tag (or script) so the menu don't put anything on the local computer?

A: If you don't want the page will be cached, try to use standard htmltags, for example:


<META http-equiv=Cache-Control content="no-cache, must-revalidate">
<META http-equiv=Pragma content=no-cache>

See more in a HTML manual.



Q: I downloaded the new version of dhtml menu source code copied the files over to my folder this menu was made with3.0 the files I copied over is 3.2 and now I get an error.

A: Now you have:

  var fontStyle=["nirmal 12px Trebuchet MS, Tahoma","nirmal 12px Trebuchet MS, Tahoma"];

It is not correct. You should write:

  var fontStyle=["normal 12px Trebuchet MS, Tahoma","normal 12px Trebuchet MS, Tahoma"];