Dhtml Dock Menu by Deluxe-Menu.com
Dhtml Dock Menu

Menu Screenshots

Dhtml Dock Menu Download Javascript

Features

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!
Dropdown Menus Tutorial Dhtml Dock 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml dock 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 dock 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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: We had to activate the tcloseExpandedXP to 1.
So far, that is OK. But as soon as we do so, The main menu-titles are aligning to the LEFT side! We could not get them to align to right as needed.

Any idea how this could be fixed?


A: You can try blank images before the top-menu items.

["<img src='blank.gif' width=84 height=12>Text","", , , , , , , , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=250&fa=1", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=6", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=2", , , , , "fmain", "5", , , , ],
 ["|Text","", , , , , , "5", , , , ],
["<img src='blank.gif' width=44 height=12>Text1","", , , , , , , , , , ],



Q: Can I set up Individual Styles for the navigation bar menu using Deluxe Tuner?

A: Of course you can set it in Deluxe Tuner.

1) Click "Edit Individual Styles..." button.
2) In the "Individual Styles" window click "Add Style".
3) Set itemWidth parameter.
4) Click "OK" button.
5) Select your top items and assign "Item Style" to it. (in the "ItemParameters" window)




Q: How many of the menus (templates) allow for a javascript float menu?

A: Actually all templates can float, you should only set the followingparameters:

  var floatable=1;
  var floatIterations=5;
  var floatableX=1;
  var floatableY=1;
  var floatableDX=15;
  var floatableDY=15;

You can find a javascript float menu sample here:

http://deluxe-menu.com/floatable-menu-sample.html



Q: Thank you. I got the menu working on my web page.

Now, I have to pass dynamic value from the link when the user click the floating javascript menu.

I was using a table type of menu and passing value like this

<td onclick="document.iframename.location.href='abc.jsp?value1=<%value1%>&value2=<%value2%>Click here</td>
What should I do to the deluxe-menu to get the same action?
I need to pass value to next page. The value is dynamic, so I have to use <%value1%> notation for JSP file.

A: Actually you can use your own Javascript code instead standard links. For example:

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

or

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