Popup Mask Javascript Demo by Deluxe-Menu.com
Popup Mask Javascript Demo

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Items with icons
    - Submenus go over all page objects
    - 85% transparency for sub menus
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects
    - Several menus on one page
    - Inactive/Disabled items




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

Menu Screenshots

Popup Mask Javascript Demo Popup Menue

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

Features

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!
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
Horizontal Vertical Menu Popup Mask Javascript Demo
Easy Setup
  • De Luxe Tuner. GUI interface to create your popup mask javascript demo menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I was testing yout Deluxe Menu product and have a couple questions.

Is it possible to use the AXAJ-Like technology in popup mode?
Is it possible to use the Javascript-API in popup mode?

If so, do you have working samples of them.


A: You can use AJAX-Like Technology and Javascript API in pop up mode in the same way.

You can find all need info on our site. For more info, please, see:

http://deluxe-menu.com/ajax-technology-menu-sample.html
http://deluxe-menu.com/dynamic-functions-sample.html


Q: I want to be able to pull information into dynamic drop down menu from the mysql database.


A: 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 you tree menu javascript support right-to-left layout?
That is to say it opens the branches/submenus from the right to left.


A: Yes it is possible to create a menu for right-to-left languages with Deluxe Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">. You should set the following parameters:

  var titemAlign="right";
  var ticonAlign="right";
  var texpandBtnAlign="right";

Deluxe Menu support right-to-left languages.
In Deluxe Menu you can set the following parameter:

  var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.


Q: How do I go about using the menu javascripts feature and javascript popup on the same HTML page? I'm getting a Java Error.

A: 1) Notice that you should call dmWorkPath parameter and dmenu.js file only once on yourhtml page.

2) When you have several menus on the same page they have different menuInd (0,1,2,3...)
For example you have:

<script type="text/javascript" src="data.js"></script> //standard menu menuInd=0
...
<script type="text/javascript" src="popup-data.js"></script> //popup menu menuInd=1

You should call your popup in the following way:

<img src="mypic.gif" onClick="return dm_popup(1, 1000, event);">

or

<script type="text/javascript" src="popup-data.js"> </script> //popup menu menuInd=0
...
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=1

You should call your popup in the following way:

<img src="mypic.gif" onClick="return dm_popup(0, 1000, event);">


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