Collapsible Vertical Css Menu by Deluxe-Menu.com
Collapsible Vertical Css Menu

Template:

Photobuket Style Template - Drop Down Navigation Menu






    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow
    - 85% transparency for sub menus
    - Text aligned to left
    - Inactive/Disabled items




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

Menu Screenshots

Collapsible Vertical Css Menu Dhtml Cross Browser Menus

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

Features

Cost Effective
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!
How To Make Drop Down Menus Collapsible Vertical Css Menu
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
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



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: I am looking to get the Floating to work for the flash drop down menu.



A: To enable floating feature you should set the following parameters:

  var absolutePos=1;

  var floatable=1;

Check also that you have dmenu_add.js file in the same folder withdmenu.js file.




Q: Is there an option for word wrap for dreamweaver drop down menu?

A: To wrap your text you can use the following parameter:

  var tnoWrap=0;

You can also use standard <br> tags.

 ["|Text Text Text Text <br> Text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],

Q: I have tried various different ways, but I cannot get a separator image
I have specified in the Separators section of menu generator to display in.
I have verified that the image exists, but still nothing.


A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems
(you can do it in DeluxeTuner, use "Add separator" button),
for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that.


Q: When I use API like <script>dm_ext_deleteItem(0, 0, 0);</script> it works fine in my first dhtml drop down menu code (menu.js) but I'm unable to reach second one (menu_gauche.js). I’ve tried this : <script>dm_ext_deleteItem(1, 0, 0);</script> and the page came’s out with a JavaScript error on that line. I’ve read on your side about dm_ext_deleteItem api and the first parameter is for menu Id … If there anything that I have forgot ??

A: You cannot use the following function for the tree menu:

dm_ext_deleteItem(1, 0, 0);

There is no such function there:

You should use

dtreet_ext_deleteItem (0, 0)

for the tree menu, see more info:
http://deluxe-tree.com/functions-info.html

You should set menuInd=0 if you have only one dhtml drop down menu code on your page.



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