Dhtml Vertical Menu by Deluxe-Menu.com
Dhtml Vertical Menu

Menu Screenshots

Dhtml Vertical Menu Cool Javascript

Features

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
Right Click Pop Up Menu Dhtml Vertical 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml vertical menu 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

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.

Recent Questions

Q: Even with the shadow setting removed -- there's a white space that surrounds the menu. I just can't figure out where the 1px white padding is coming from. I've checked and doubled checked my CSS -- so the problem is within the script with a setting I'm not familiar with.

A: Set

  var menuBorderWidth=0;

to remove white border from your submenus.

Add the following parameter to your Table:

<TABLE class=toptable cellPadding=0 cellSpacing=0 width=1000 align=center border=0>



Q: I have one final question:-
If you go to http://domain.com/mainboard.asp

And click the tools icon.

My application has 3 types of settings.

Click the line icon (which highlights) then you can use the line tool Then click the thickness icon (which only changes the thickness of the line) And then click the colour icon (which only changes the colour of the line)

Unfortunately, when another icon is selected it resets the original icon.

Is there a way to show one of the top 8 function icons highlighted as well as the selected thickness icon and palette icon all in a selected state together?

A: function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

Changes parameters and an appearance of the item.
menuInd - index of a dropdown javascript menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0. See more info about indexes here.
iParams = [array] - the array of item parameters. This parameter has the same structure as an item in menuItems array. You can assign parameters of another existent item of themenu or create new ones.
Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]

You should change icon_normal, icon_over parameters for the items.
http://deluxe-menu.com/functions-info.html


Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],

["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],

["-","", "", "", "", "", "", "", "", ],
];


A:   var bmenuItems = [

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];

so it's a item_style, the last two are reserved and not used.

http://deluxe-tabs.com/product-info/?individual-item-styles



Q: I updated the files you talked about. I can see the javascript cascading menu on most computers, but not all. I am sorry to ask the same question over but my problem is persisting with some computers.

A: It is not correctly to add # symbol before the top item. This itemwill be hidden.

You can find more info here:
http://deluxe-tree.com/menu-items-info.html

Now you have:
["#FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],

You should write:
["FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],