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

Menu Screenshots

Dhtml Dock Menu Floating Menue Dhtml

Features

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
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!
Horizontal Menu Bar Relative Dhtml Dock Menu
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: How do you center the text within the top-level menu cels in the menu java script?
There doesn't seem to be a setting for it in the tuner. There's a justification option for the sub-menus, but not for the top.

A: Use the following parameter to specify align for the top items:

  var itemAlignTop="center";



Q: Is there a way to highlight the selected item in the dhtml treemenu of the current page when the link target is _self?
Or pass in the selected item to the new page?

A: You can set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)


Q: I am a registered user, and I really like your menu system.

With my old menu system the user could right click on a menu item and the browser would display an option to open the page in a "New Tab".

Is there any way in the javascript menu html to allow the user to choose to open a link in a new tab?.

My users are restricted to using IE.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

Try that.



Q: Hello. I had a question about the vista templates. Is it possible to extend the width on the java menu buttons to get more text in them? I put to much text and the button is repeating itself. Is there a way to extend the width of the button without the repeat?

A: See images in Vista Templates have the fixed width and height (92 x 21).

You can try to use the following parameter to use combinedbackground for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif