Vertical Drop Vertical Menu Joomla by Deluxe-Menu.com
Vertical Drop Vertical Menu Joomla

Menu Screenshots

Vertical Drop Vertical Menu Joomla Drop Down Men C Bc Java Script Auch F C Bcr Netscape

Features

Cost Effective
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
Example Of Menu For Web Design Vertical Drop Vertical Menu Joomla
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!
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
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

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.

Recent Questions

Q: I want to be able to right-click somewhere on the page and have the menu javascript pop up where the mouse is and have at least one level of submenus available.

A: See how to create javascript pop up menu using Deluxe Menu here:

http://deluxe-menu.com/popup-mode-sample.html



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: I have configured the Deluxe Tabs menu for the purpose that this menu will form the basis of a website's navigation, once clicked a tab it will take you to the appropriate page.

However one problem I have faced is that menu, regardless of current webpage will display the same active/ selected menu item, having looked in the menu parameters I know that the following set the positions of the selected tab :

*   var bselectedItem=0;
*   var bselectedSmItem=0;

Is there anyway of selecting the dhtml tab menu index location according to what webpage you are on? On your website it shows an example of a PHP server-side script, however is there an example of this in ASP ?

A: No, unfortunately we don't have such examples in ASP.

Deluxe Tabs doesn't support API functions which can return theselected tab also.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>


Q: I would like the button in the sub navigation bar to stay white when you navigate to a particular page..


A: Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<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>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.