Features

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

Cost Effective

Starts at just $39. Buy Now! FREE for non-commercial websites. Order Now! No-limits free trial version. Download Now!

Javascript Drop Down Menu Spip 1 9

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

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

Easy Setup

De Luxe Tuner. GUI interface to create your menu spip 1 9 menus easily and in no time Sensible menu parameters for manual editing

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: How can make my html vertical tabs to open internet link in the same window?

A: You should set the following paramter in your data.js file (file, created in Deluxe Tuner),
where your tab-menu parameters (vars) and items (  var bmenuItems) are placed.

  var bitemTarget = "_blank";

Default target for all items ("_self","_blank","_parent","_top",...).
If equal to "" - defined as "_self".

Or you can set target parameter in your data file using Deluxe Tuner:
"Tab mode" section in the menu parameters list.

Q: Does your site navigation menu support RTL Pages? How hard it is to convert it this way?

A:   var dmRTL = 0;

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

Q: I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to be honest, I am not much of a developer. So please forgive me for my naпve question(s). I have been trying to get 'Content' in to the tabbed dhtml menu build, and I cannot find how that is done.

Do you have an example with all the files (html too!) that shows a simple tabbed dhtml menu build with content for each Tab that I can look at to see how it is done.

I thought I was going to be able to generate the TABs, and point them to the HTML files I want them to use, and each time I selected a tab, that page would be displayed. That does not appear to be what is happening.

Your help would be greatly appreciated.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your dhtml menu build parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>