Faire Un Menu En Dhtml by Deluxe-Menu.com
Faire Un Menu En Dhtml

Menu Screenshots

Faire Un Menu En Dhtml Javascript Rolldown Menu Tutorial

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed faire un menu en dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Menu Vertical Drop Down Faire Un Menu En Dhtml
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: > You should call the following function:
> dtreet_ext_getItemIDByIndex (0, 12)
> where 12 - is index of the item.

How would I know that 12 is the index of the item? How is itemInd different from its itemID? I assume the menuInd is always 0 for the first menu (or only in my case) menu on a page?


A: Yes, menuInd is the number of the menu on your page (in your casemenuInd=0).

itemInd is the number of the item in your menuItems, for example:

  var tmenuItems =
[
["Home", "http://deluxe-tree.com", "icon1_t.gif", "icon1_to.gif","", "Home Page Tip","_blank"],//itemInd=0

["<img src='data_files/images/sep.gif' width=113 height=1>"],//itemInd=1

["+What's New<br><span id='letter'>This is pretty cool. I need to buy this deluxe menu</span>", "", "icon2_t.gif", "icon2_to.gif", "", "Product Info Tip"],//itemInd=2
 ["|What's New", "testlink.htm", ""], //itemInd=3
 ["|Features", "testlink.htm", ""], //itemInd=4
 ["|Installation", "testlink.htm", ""], //itemInd=5
 ["|Functions", "testlink.htm", ""], //itemInd=6
 ["|Supported Browsers", "testlink.htm", ""], //itemInd=7
["Samples", "", "icon3_t.gif", "icon3_to.gif", "", "Samples Tip"], //itemInd=8
 ["|Sample 1", "testlink.htm", ""], //itemInd=9
 ["|Sample 2", "testlink.htm", ""], //itemInd=10
 ["|Sample 3", "", ""], //itemInd=11
   ["||New Sample 1", "testlink.htm", ""],//itemInd=12
   ["||New Sample 2", "testlink.htm", ""],//itemInd=13



Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


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)


Q: How to include the search box? With javascript menu maker there is not the option...

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;'", "", ],