Menus Desplegables En Drupal by Deluxe-Menu.com
Menus Desplegables En Drupal

Menu Screenshots

Menus Desplegables En Drupal Expand Menu Style

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menus desplegables en drupal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Drop Down Menu Xml Menus Desplegables En Drupal
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your menus desplegables en drupal menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I activated option "state saving" but I think there's a problem;
when I open the website and click on an item of the menu, the pressed item becomes red
(up to now it's ok), but if I have topress F5 on the keyboard or press on the refresh button
to refresh the web page, the pressed item loses its color red.
I'd like the pressed item in the dhtml expand menu to maintain its color after the refresh command.
How can I solve this problem?



A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>


Q: I have small problems with your javascript menu system.

#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?

#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?

#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?


A: 1) You should use Individual Item Styles.
For example:
  var itemStyles = [
    ["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
    ["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
    ["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
    ["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
  var menuStyles = [
    ["smColumns=2"], //style0
];

    ["Home","testlink.htm"],
    ["Samples","testlink.htm"],
      ["|Group 1","", , , , , "0", , , ],
      ["|Group 2","", , , , , "1", , , ],
      ["|Group 3","", , , , , "2", , , ],

...
    [" More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "0", , ],
      ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

2) You can also use Individual Item Styles.

  var itemStyles = [
     ["itemWidth=120px"],
];
  var menuStyles = [
     ["smWidth=120px"],
];

    ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
      ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
      ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles

3) Try to set this parameter:

  var noWrap=0;


Q: We are looking for how we have to do for the previously clicked item in the dynamic tree menu
remains highlighted to inform user what is his current page.
It is possible to achieve this behavior with your product?

A: You should use API functions in that case

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)

See more info about API functions:
http://deluxe-tree.com/functions-info.html

See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0