Menu Deroulant Template Drupal by Deluxe-Menu.com
Menu Deroulant Template Drupal

Menu Screenshots

Menu Deroulant Template Drupal Tree Javascript

Features

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
Sliding Down Menu Menu Deroulant Template Drupal
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant template drupal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I am evaluating your product and would like to display my top menu without a border, but have the dropdown (child menus) all have a border and shadow.
If I change the menuBorderWidth to anything but 0, I get a menu on both the top menus and dropdowns. I need a topBorderWidth and a childBorderWidth.

Is there any way to accomplish this?


A: Yes, you can do it.

Please, set:

  var menuBorderWidth=0;

To set border for submenus you should use Individual Submenu styles, for example:

  var menuStyles = [
     ["menuBorderWidth=1","menuBorderColor=#9A9CA7"], //style 0
];

  var menuItems = [

     ["Home","testlink.html", , , , , , , , ],
     ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ], //style 0
     ["Samples","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Sample 1","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , "0", , ], //style 0
          ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , "_", , "-1", , ],
...

You should assign style for the first item in the submenu.


Q: That is what I need:

a) I build a menu with an item like this:
   ["||"Product1","http://127.0.0.1/product1.htm","","","",,"0",],

b) when I select that item, I need that page product1.htm loads into an iFrame.

Can I do this?


A: You should set the Iframe name as the target value in the menuItems.
You should also set the following parameter:

  var itemTarget = "";


Q: I found the problem with de Deluxe Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<script type="text/javascript" src="data.js"></script>


Q: How I can write the changed dhtml pull down menu into a database?

A: Unfortunately, we don't have such example.

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 Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var tmenuItems = [
// 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

This example is not for Deluxe Tree menu, but you can create your menu in the same way.