Dhtml Hover Context Menu by Deluxe-Menu.com
Dhtml Hover Context Menu

Template:






    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Several menus on one page
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus dropdown on mouseover




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

Menu Screenshots

Dhtml Hover Context Menu Html Tree Menu Tutorials

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml hover context 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!
Flyout Menu Java Dhtml Hover Context Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml hover context menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: .How can I open frameless pop up window upon the page loading?

A: To open the popup window upon the page loading you should set thefollowing parameter:

openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')

You can find this parameter in Deluxe Tuner.


Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)


Q: We are using the javascript drop down menu code to create an external link. The absolute path is recognised but it does not work. At the bottom of the page the browser displays an "error on page" message and nothing happens.

A: Now you have

<script type="text/javascript">  var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript">  var dmWorkPath="wdtabs.files/";</script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>


The second call for dmWorkPath is incorrect. Delete it. So you'llhave:

<script type="text/javascript">  var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>

Your menu will work correctly.



Q: I want to have the pop up window display as you mouse over an image/link - is this possible?

A: For example you want to open a popup onMouseover, onClick or
onMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')



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