Vertical Scrollable Menu by Deluxe-Menu.com
Vertical Scrollable Menu

Template:

Space Menu Template - Simple Dropdown Menu






    - Text aligned to left
    - Items with icons
    - Inactive/Disabled items
    - Status string shows item labels
    - Submenus automatically scrolls
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Image arrows




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

Menu Screenshots

Vertical Scrollable Menu Collapsible Menu Generator

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

Features

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!
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
Shell Scripts For Menus Vertical Scrollable Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical scrollable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I used Deluxe Menu and generated a beautiful drop down navigation menu for our school web page. however, I am using MS FrontPage and apparently it is blocking the content. Whenever I bring it into the program all I get is a text drop down navigation menu. What am I doing or not doing?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the drop down navigation menuinto your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open the page in Frontpage
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data-deluxe-menu.js"></script>//your data file created in Deluxe Tuner
...
</body>
You should copy all engine files and images for the drop down navigation menu in "deluxe-menu.files/" folder and paste it in the same folder with you .html files.

Engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

That's all.

It is possible that you'll have errors in the preview but your drop down navigation menushould work fine in the browser.



Q: Could you please explain how to increase the height of our javascript menu submenu links to 18 or 20 px each?

A: You can create Individual submenu style and assign it to the firstitem in each submenu.

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=1","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["itemPadding=5px 2px 5px 2px"],
];

  var menuItems = [

["Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "0", "", "", "", "", ],
 ["|Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "", "1", "", "", "", ], //assign style



Q: Ok I found the problem. When I make   var floatable=0; dhtml flyout menu stays perfectly on the top as before but when I change it to   var floatable=1; then it stays on top when the page loads but moves down when the page fully loads.


A: There are additional parameters for floatable feature in v3.2 now.
You can find them in Deluxe Tuner.

Try to write:
  var floatableDX=0;
  var floatableDY=0;

These parameters set minimal space for widow border.


Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.

However, I can only choose one item in each menu.

Is there any way to choose multiple items from a single ajax drop down menu and have all of selected items show white? If so, what option do I need to enable for the ajax drop down menu?

Programmatically, I think it would be similar to something to:

dm_ext_setPressedItem (1,1,1);
dm_ext_setPressedItem (1,1,2);

A: No, Deluxe Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item andusing this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "ajax drop down menu hint",,"1"]);



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