Menu Dynamique Vertical by Deluxe-Menu.com
Menu Dynamique Vertical

Menu Screenshots

Menu Dynamique Vertical Tree I Javascript

Features

Cost Effective
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
Pop Up In Javascript Menu Dynamique Vertical
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu dynamique vertical 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 menu dynamique vertical 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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Hi, I need to know if it is possible to accomplish the following functionalities with your tree-menu library.

1. I need to have two or more trees in the same page
2. I need to have a checkBox in each node and through a JavaScript function be able to add the selected nodes into another tree.
3. I need to eliminate the nodes that has check=true
4. I need to populate on-demand the tree using AJAX
5. I need to implement drag&drop through the use of the mouse events on the tree nodes
6. How would the tree behave with 10000 nodes??
7. I need to have a tree within another element that uses scroll
such as a DIV or SPAN (fixed area). When collapsed or expanded, the area should remain its original size.


A: 1. You can add any number of the menus on the one page.
2, 3, 5. Yes, you can do it. But you should create your own server-side script (for example, php) that will do it. The menu doesn't support such a feature.
4. Unfortunately, you can't use the AJAX-like technology in the Deluxe Tree such as in Deluxe Menu.
6. It is possible that the loading speed can be lower if the menu is very large. But it doesn't take so much time.
Yes, you can notice some delay in IE, but in over browsers it works better.
Deluxe Tree works fast, but 10000 is a large value. Please, try atrial version of Deluxe Tree.
I tried to create large menus on my machine: P4 3GHz, 512RAM WinXP SP2
It takes:
- 1000 items ~ 10 sec
- 2000 items ~ 40 sec
7. You can paste Deluxe Tree into the <table> or <div>.


Q: We've used your deluxe menu on a few sites without any issues. We are trying a new site javascript menu system now and having an issue with beforeItemImage and afterItemImage. Below is our data javascript class. The dropdown seems fine in Firefox but the before and after Images are not showing up in Internet Explorer.

We've tried a number of things and can't quite get the tabbed corners in IE. Any suggestions would be greatly appreicated, we need to get this menu live soon for a client of ours. Thank you in advance.

A: Try to specify width and height parameters:

  var beforeItemImageW="6";
  var afterItemImageW="6";
  var beforeItemImageH="19";
  var afterItemImageH="19";

We've checked your page in IE6, IE7, IE8. All images displayed correctly.


Q: I need to set individual itemtargets for a number of menu script items......

example:-

  var itemTarget="Main";

menuitem_1 targets the Main frame..

menuitem_2 ..

   SUBmenuitem_2_(1) targets the Top frame..

   SUBmenuitem_2_(2) targets the Main frame..

menuitem_3 ..

   SUBmenuitem_3_(1) targets the Main frame..

   SUBmenuitem_3_(2) targets the Bottom frame..

menuitem_4 targets the Main frame..

Is this possible?

A: You can set target parameter for all items:
  var itemTarget="_blank";
or
  var itemTarget="main";

Where main - is the name of the main frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



Q: Do you have any working examples of a menu generated using .php from a MySQL database?

Our website is dynamic from a MySQL db and we already have categories and sub-categories. It would be useful if we could use this with our deluxe menu.

I don't know how to set this up, so any assistance would be appreciated.


A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
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.)
];</script>

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