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

Menu Screenshots

Dhtml Dock Menu How To Expanding Menu

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!
Javascript Menu Object Dhtml Dock Menu
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
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 dock menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: When I click on a tab in the css drop down menu tabs it is not activate.
What is the setting to change this?

A: You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>>




Q: How do I get a second javascript popup window on the same page?

A: You should create another popup for the second link. Notice that you should use differentID's:

<a id="win2" href="javascript:;">
<img height="173" align="bottom" width="150" x-sas-useimageheight="" x-sas-useimagewidth="" src="gifs/vargas2.gif"/>
</a>

in Deluxe Tuner specify another parameters:
WinID = window2
(Use another winID than you have in your first data file if you don't want to
close 1-st popup window after you open the 2-nd one or use the same winID=win if you want to close 1-st popup.)

new url
onClick = win2

Save this popup (use another name, for example: popup2.html).

Q: I must open a popup with javascript drop down menu, the fact 800X600 popup?

Some links are simple and others are in popup

A: You can open link in the following way:

You can write your own functions within menuItems, for example:

 ["|MYPAGE","javascript:window.open('http://www.domain.org/mypage.html','_blank','height=600,width=800, status=yes,toolbar=no,menubar=no,location=no');",,,'' ,'' , '', '', ,],



Q: Can I expand a css tree menu from a link in my html page?

A: Yes, it's possible, please see

http://www.deluxe-tree.com/functions-info.html

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_getItemIDByIndex (menuInd, itemInd)