Javascript Click Somewhere Else by Deluxe-Menu.com
Javascript Click Somewhere Else

Menu Screenshots

Javascript Click Somewhere Else Dropdown Menus

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
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
Cool Javascript Slide Menu Javascript Click Somewhere Else
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript click somewhere else menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript click somewhere else samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: Can your menu, when placed in a master page, be propagated throughout an application's sub-folders
or will the html menu need to be added to each page separately?

A: If you don't want to create your menu on each page you can use a
server-side script (php, asp, vb, etc.) to generate html pages from
templates on your server.

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.)
];


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

You can use cross frame menu. It allows you to build full-featured menus on the pages
that use frame-based structure. And it's not necessary to insert any code into all the pages -
just specify the additional parameters of the menu and initialize it.

To install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.html



Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

  var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

Q: I just want to know after I generate the asp drop down menu, how can I put it in my html page ?


A: Unfortunately we don't have step by step tutorial now.
We'll try tocreate it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"and add items
and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the trial package
"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:
http://deluxe-menu.com/individual-item-styles-info.html
Javascript Menu by Deluxe-Menu.com
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
Try that.