Menus Css Desplegables by Deluxe-Menu.com
Menus Css Desplegables

Menu Screenshots

Menus Css Desplegables Xp Navigation Dhtml

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your menus css desplegables 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 menus css desplegables samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Layer Absolute Position Menus Css Desplegables
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
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.

Where do I add an alt tag in the data file?

A: You should use the fifth parameter in menuItems

[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],

For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
 ["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
 ["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
 ["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
 ["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],



Q: How to include the search box in the navigation menubar?

A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:

  var dmSearch=2;

0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).

Set item's link to "search:", for example:

["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],

Q: I've been using your application for about 2 years but have never been able to insert a vertical divider in dhtml menu source.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";


Q: I am testing it on my website.
I have under the submenu 'Generalites" two links "Presentation" and "Formulaires"
I would like when I click on what ever link on the expandable javascript menu that the visited link stay in a different color and with a different background.
For exemple:
If I click on link Presentation then this link will become in a different color and also its background.
Then If I click on Formulaire the prevous link is reset and the Formulaire link appears in a differemt color and its backgroud. How should I do it ?


A: Deluxe Tree doesn't save a pressed
item 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 dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)