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

Template:

Orange Green Menu Template - Website Drop Down Menu






    - Unlimited number of sub levels
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Status string shows item labels
    - Several menus on one page
    - Inactive/Disabled items




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

Menu Screenshots

Dhtml Vertical Menu Dhtml Expand Menu

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

Features

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
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!
Dhtml Tabs Navigation Menu Dhtml Vertical Menu
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
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
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.

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

Recent Questions

Q: I have been mostly creating my menus by starting with a template file that has the features I need, and then modifying that file by hand (as opposed to using the Tuner program). In this case I am using data-vista-01.js.

When I load my html file that has references to the necessary resources (e.g. .js, gif, etc) in a directory that has the Images folder and Menu folder copied directly from the installed Deluxe Menu program directories, I get what I want.

This is perfect. But I think to myself, surely I don't need all the .js files from the Menu directory, nor do I need all the .gif files from the Images directory, so I started deleting those files one at a time, until I got to the point where Images contained only the Vista1 folder + the empty.gif file, and the Menu folder contained only dmenu.js. My menu now not working.

I'm guessing that some graphic files need to draw the top-level menu bar are missing. But which ones?
So my question is, what files do I really need? Is this something the documentation describes, and if so where?

I hope I don't have to include the full contents of the Menu and Images folder, as they are quite large.


A: Unfortunately, you should add all need images manually.
We'll try to correct it soon.
You can open your data.js file and see what images you're using in themenu and copy tese images into your folder.

You should also change the following parameter:

  var pathPrefix_img="";

There is no need to use all engine files for the menu.
Description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html


Q: Is there a way we can add javascript behaviors to the popup menu in java actions? For example, is there a way we can add an onClick function to a popup menu in java item (eg, onClick="return MyFunction( )" ) so that we can catch and process key events?

I'm really hoping there's a way of doing this...

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item. However, you can achieve this by using standard html objects within popup menu in java items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

You can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];



Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.

A: You can add   symbol before item's text, for example:

["    Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

or you can write:

["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

Actually you can use any html code within dhtml menu control items.



Q: If you look at our site in IE (PC) the deluxemenu looks great justified left w/ our logo justified right. When you look at it in Safari (Mac) the dhtml menu dropdown is stretched across the entire width of the page and our logo is no longer in view (yuk!).

A: Try to set exact width for the menu in 'px':

  var menuWidth="300px";



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