Features

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

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed dojo horizontal menus samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Sample Menu Shell Scripts Dojo Horizontal Menus

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

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

Recent Questions

Q: I made my own multi-users Content Management System and I'm using deluxe menu developer license to create my menu into this application.

One dhtml menu vertical constantly need to be reload to see new page created/modified or deleted by other logged users. So I just take out your code for Ajax sample to fill dynamically this submenu.

There is my .js file fort my menu : mnu_admin.zip (You'll need to extract the .js file)

In this file I'm using the same way it goe's into your example with Ajax on line : [172] ["Contenu pages","", "", "", "Gйrer les pages du site", "", "0", "0", "modules/menu/data-ajax3.js", ],

There is my : data-ajax3.js (periodically change)

  var menuItems = [

 ["|Services", "contenu_pages_a.php?id=HMglcKWvAQklxw4uM3qHWa9pFhY432dZNIXOIlYNJO4%3D", "", "", "Services", "", "", "", ""],
 ["|Documentation", "contenu_pages_a.php?id=iG31PyfJ%2BswDBJPcn61IXgczwXkePaDclD6DPsxAUKE%3D", "", "", "Documentation", "", "", "", ""],
 ["|Soutien financier","contenu_pages_a.php?id=tIACTxYwfsey%2FBGr0ROjAXGggU3LdglWtxMTyTVINtU%3D","", "", "Soutien financier", "", "", "", ""],
 ["|Programmes","contenu_pages_a.php?id=A7v%2BWOmpw4syUqHRcPizZjUwh9TzxyuYm5f1yi7EiGM%3D","", "", "Programmes", "", "", "", ""],
   ["||ARLPHAT","contenu_pages_a.php?id=SGe4LNdC8O%2BG5eDd1fgkfkK3lKE80KZL0Pi8o3zGo3Y%3D","", "", "ARLPHAT", "", "", "", ""],
   ["||Association des scouts","contenu_pages_a.php?id=nZVnC9wzyyojxSJI7Lfe7FpTceVEbsdlHy9vURCyULk%3D", "","", "Association des scouts", "", "", "", ""],
   ["||Secondaire en spectacle","contenu_pages_a.php?id=io2hWjkLPlP%2Fcum%2FzIVoV%2FrWYskolQgvLKpc%2FJc%2FRBo%3D", "", "", "Secondaire en spectacle", "", "", "", ""],
   ["||Sport йtudiant","contenu_pages_a.php?id=0fY3UenTH2Rri4AD72RKj7qz8EuwBxG3K0IaXLTqyjM%3D", "","", "Sport йtudiant", "", "", "", ""],
   ["||Jeux du Quйbec","contenu_pages_a.php?id=lZL5TyT9RFsRE2kzAPJisP4ZAAwcfiHG3JTKS6Ey9%2BE%3D","", "", "Jeux du Quйbec", "", "", "", ""],
];

Another user just delete differents pages so the data_ajax3.js change to this (example) :

  var menuItems = [
 ["|Services","contenu_pages_a.php?id=HMglcKWvAQklxw4uM3qHWa9pFhY432dZNIXOIlYNJO4%3D", "","", "Services", "", "", "", ""],
 ["|Documentation", "contenu_pages_a.php?id=iG31PyfJ%2BswDBJPcn61IXgczwXkePaDclD6DPsxAUKE%3D", "", "", "Documentation", "", "", "", ""],
 ["|Soutien financier", "contenu_pages_a.php?id=tIACTxYwfsey%2FBGr0ROjAXGggU3LdglWtxMTyTVINtU%3D", "", "", "Soutien financier", "", "", "", ""],
 ["|Programmes", "contenu_pages_a.php?id=A7v%2BWOmpw4syUqHRcPizZjUwh9TzxyuYm5f1yi7EiGM%3D", "", "", "Programmes", "", "", "", ""],
   ["||ARLPHAT", "contenu_pages_a.php?id=SGe4LNdC8O%2BG5eDd1fgkfkK3lKE80KZL0Pi8o3zGo3Y%3D", "", "", "ARLPHAT", "", "", "", ""],
   ["||Association des scouts", "contenu_pages_a.php?id=nZVnC9wzyyojxSJI7Lfe7FpTceVEbsdlHy9vURCyULk%3D", "", "", "Association des scouts", "", "", "", ""],
   ["||Secondaire en spectacle", "contenu_pages_a.php?id=io2hWjkLPlP%2Fcum%2FzIVoV%2FrWYskolQgvLKpc%2FJc%2FRBo%3D", "", "", "Secondaire en spectacle", "", "", "", ""],
   ["||Sport йtudiant", "contenu_pages_a.php?id=0fY3UenTH2Rri4AD72RKj7qz8EuwBxG3K0IaXLTqyjM%3D", "", "", "Sport йtudiant", "", "", "", ""],
   ["||Jeux du Quйbec", "contenu_pages_a.php?id=lZL5TyT9RFsRE2kzAPJisP4ZAAwcfiHG3JTKS6Ey9%2BE%3D", "", "", "Jeux du Quйbec", "", "", "", ""],
];
Trouble :

When I go over "Contenu pages" menu, the submenu won't reload and still show me the new submenu with upper content (With "Qui sommes-nous"). I need to completely refresh the page and sometime to delete browser CACHE.

What I want to do :

I want to get submenu completely reload everytime I pass over "Contenu pages" dhtml menu vertical with the mouse.

Tested Browser :
IE6 and FF3

A: Try to set the following parameter to reload submenus on recall:

  var ajaxReload=1;

Q: We currentlly have a menu that uses standard html hyperlinks to open a new window with _blank as the target. Unfortunately, the size of the window is controlled by the browser and we want to be able to control it. The only way that we know how to do that is to use the window.open client-side function and pass the window's dimensions. Here is a sample of the code that would do that:

window.open("url","_blank","height=1024,width=768,status=yes,toolbar=no,menubar=no,location=no");

How can we add the javascript code to the down menus css instead of a link? Do you have any samples?


A: You can use javascript code within menuItems, for example

["Test Window","javascript:window.open('http://www.microsoft.com','_blank','height=1024,width=768,status=yes,toolbar=no,menubar=no,location=no');", , ,'Monitor Exceptions' , ,'0', '0',,],

Q: I've tried that in my dhtml menu maker and it keeps going to the bottom of the list. That's why I emailed my question. I had read the part of drag and drop, but it doesn't seem to work. Don't know if I'm doing something wrong, if my software is corrupted somewhere. Everything else seems to work correctly.

Any other ideas or why it owuld do that?

A: Click on the item you want to move.
Move your mouse in the correct place (holding left mouse button).
Wait till you'll have gray line in the place where you want to insertthe item and release mouse button.

Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the dhtml popup from the page loaded within the iframe?

A: You can close the popup using the following function:
document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.