Code Onclick Vertical Menu by Deluxe-Menu.com
Code Onclick Vertical Menu

Menu Screenshots

Code Onclick Vertical Menu Javascript Menus Simple

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed code onclick vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Transparent Html Menu Code Onclick Vertical Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your code onclick vertical 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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Also, when I edit "testlink.htm" to any other htm filename, no file isloaded!?

A: Please, make sure that the file that you set for the link exists onyour website and it's placed in the same folder where testlink.htm file is placed.
You can also use absolute paths for links.



Q: I'm trying to display the submenus to the left of the menu. I searched your questions and found one that said to use the following:
  var smViewType=2;
I added this but it didn't do anything.


A: Try to use this parameter:

  var subMenuAlign = "left";


Q: I would prefer to have a sort of documentation or tutorial video but asI have seen on you website there is not. I have also to mix the javascriptcode with php.

Could you please help me, software look fine but we don't have time totest the code, tutorial will be appricieted.


A: Unfortunately, we don't have tutorial yet, we'll try to create it inthe nearest future.

To create the pop up menu you should to do the following steps:

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

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.
You should set the following parameter
  var pathPrefix_img="";

2. You should add the following parameter for the pop up menu:
  var popupMode=1;

You should do it manually. Please, open your data file in any texteditor and add such parameter.

3. You should install the menu on your page.
Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<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>
...
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);">
...
</body>

Where return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place. In other case the menu will be shown in the mouse position.

You should also copy all engine files
dmenu.js
dmenu4.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.


Q: I have seen menu like this when i scroll the page the manu will scroll follow.....can delux menu do that ?
If can how ?


A: You should use floatable feature.

You should set absolute coordinates for your menu
  var absolutePos=1;
  var posX="10px";
  var posY="10px";

  var floatable=1;

You should also check that you have dmenu_add.js file in the samefolder with dmenu.js.