Vertical Hover Menu Editor by Deluxe-Menu.com
Vertical Hover Menu Editor

Template:






    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Hundreds of pre-designed templates
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Vertical Hover Menu Editor Position Menu Javascript

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

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!
Drop Down Menus Using Vertical Hover Menu Editor
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
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
Cost Effective



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am using Javascript Menu. Deluxe Menu. v1.12
How can I upgrade to v.2.0?


A: How to upgrade to v2.00
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features.
To upgrade to v2.00 you should do the following.

   Step 1.
     1.1 For Windows users
      a. Run Deluxe Tuner v2.0
           (can be found in the trial menu package v2.0
           http://deluxe-menu.com/deluxe-menu.zip).
      b. Open menu data file (.js file where menu parameters are placed):
select File/OpenЕ
      c. Save the file: select File/Save, then click "No" button when the dialog box appears.

     1.2 For other OS users
      a. Open menu data file (.js file where menu parameters are placed) in a text editor.
      b. Make sure that the following variables exist in the data file:

        var keystrokes = 0;
        var dm_focus = 1;
        var dm_actKey = 113;

        var dynamic = 0;
        var smHideOnClick = 1;
        var itemAlignTop = 'left';
        var smSmartScroll = 1;

        var dmAJAX = 0;
        var dmAJAXCount = 30;
        var dmRTL = 0;
        var dmObjectsCheck = 0;
        var menuBackRepeat = "repeat";
        var menuHeight = "";
        var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

      c. Save the file.

   Step 2. Now open HTML-page that contains Deluxe Menu.

   Step 3. Replace existent tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

   Step 4. Save HTML-page.

   Step 5. New engine v2.00 has 7 .js files.
They are:
      - dmenu.js
      - dmenu4.js
      - dmenu_add.js
      - dmenu_dyn.js
      - dmenu_key.js
      - dmenu_cf.js (new v2.00)
      - dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.00.

Try that.


Q: Sorry to bother you again, but we've done everything suggested in your fix regarding flash obscuring the multiple drop down menu, but we're still having the same problem in Firefox.

We've - set the parameter in the data file to -   var dmObjectsCheck=1;

We've added the following to the start of the data file -

function dm_ext_ruleObjectHide()
{
return false;
}

We've embeded the flash as suggested to -

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
height="150" width="732" name="if-header">
<param name="movie" value="images/flash/if-header.swf">
<param name="quality" value="best">
<param name="play" value="true">
<param name="wmode" value="opaque">
<embed height="150" name="if-header"
pluginspage="http://www.macromedia.com/go/getflashplayer"
src="images/flash/if-header.swf"
type="application/x-shockwave-flash" width="732" quality="best"
wmode="opaque" play="true">
</object>

But still our multiple drop down menu sits behind the flash. Are we missing something else?

A: See it is necessary to have opaque parameters in <object> and <embed>tags to display submenus correctly in Firefox.

So, you should open .js file for your flash and find "embed" and"object" words.
And add opaque parameters, for example:

swfNode = '<embed type="application/x-shockwave-flash" wmode="opaque" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"';
swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
  var params = this.getParams();
for(  var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
  var pairs = this.getVariablePairs().join("&");
if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
swfNode += '/>';
} else { // PC IE
if (this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType", "ActiveX");
this.setAttribute('swf', this.xiSWFPath);
}
swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') + '">';
swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" /> <param name="wmode" value="opaque"> ';
  var params = this.getParams();
for(  var key in params) {
swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
}



Q: I recently purchased DeluxeMenu for a project I'm working on and a new requirement has been submitted.
I am looking for a way to dynamically affectthe contents of menu javascripts
after it's been rendered(displayed) in the browser.
Can this be accomplished with this component?

A: 1) You can use API functions to affect items dynamically:

http://deluxe-menu.com/functions-info.html

2) Generate your menu items dynamically from database.
Unfortunately we don't have working example with ASP.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: Does your product generate the page code or is t a dll I have to use? Reason I ask is because we store our menu stuff with image references in a db. If your product outputs code for the menu, then I can use that and in my own code I can place/substitute values and work with it from there.

A: We have an .exe file - Deluxe tuner.
It generates .js files with menu parameters.
You can also export your menu to .html file.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [ // here you generate items using server-side scripts (php, asp, vb, etc.) ];
</script>

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

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