Code Bare De Menu Deroulant by Deluxe-Menu.com
Code Bare De Menu Deroulant

Menu Screenshots

Code Bare De Menu Deroulant Menu Dynamique Vertical

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your code bare de menu deroulant menus easily and in no time
  • Sensible menu parameters for manual editing
How To Make Folder In Javascript Code Bare De Menu Deroulant
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: The only one I wanted to change is that the colors of all items in the cool dhtml menu should be the same.
I tried to change that, but I did not find a solution.

A: You should change Individual style.

  var tXPStyles = [
["tXPTitleBackColor=#AFB1C3","tXPTitleBackImg=data-quelle.files/xptitle_s.gif",
"tXPExpandBtn=data-quelle.files/right1.gif,data-quelle.files/right1.gif,
data-quelle.files/right1.gif,data-quelle.files/right1.gif"],


Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],

I want it to do this though:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],

The problem is the "'s around the img src.....it's throwing off your animated drop down menu.

How do I fix that?

A: It is not correct to write menuItems in such way.

You should write:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],

Try that.



Q: We recently bought your product.

We are developing in ASP.NET (VB) and we have a problem making you deluxe menu dynamic to suit our needs. We are using the Deluxe Menu.

The problem is each time a page with dhtml nav loads, we want to be able to generate the menuItems variable to reflect the options the individual user has, so it can't be hard coded into data.js it MUST be provided by an aspx file and attached somehow. I can't work out how to attach the variable (even a static one) as a separate file, so if you can do it with a static one, we can extend it to a dynamic one later.

For example the JS in the data.js file we want the MenuItem dimension you be loaded in a seperate file, some kind of include.

  var menuItems = [
["Home","index.aspx", "", "", "", "_self", "", "", "", "", "", ],
["About","about.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Contact","contact.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Help","", "", "", "", "", "", "", "", "", "", ],
 ["|HowTo Register","RegHelp.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|FAQ","FAQ.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Dos 'n' Don'ts","DoDont.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Workshop","workshop.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Gold Run","", "", "", "", "_self", "", "", "", "", "", ],
 ["|About Goldrun","goldrunAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Veiw Sites","GoldDistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
["My Run","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmyrun.aspx", "", "", "", "_self", "", "", "", "", "", ],
["TICs","", "", "", "", "", "", "", "", "", "", ],
 ["|About","abouttics.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Metro","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmetro.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Distribution","", "", "", "", "", "", "", "", "", "", ],
 ["|About","DistribAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Status","DistribStatus.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|News","DistribNews.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Display Units","DistribDisplay.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Team","", "", "", "", "_self", "", "", "", "", "", ],
 ["|View Sites","DistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|TIC Budget","", "", "", "", "_self", "", "", "", "", "", ],
];

Hope this makes sense.

A: You can move
  var menuItems = [
...
];
dm_init();

dhtml nav code from your data file to your page (template) directly:

<script>
  var menuItems = [
...
];
dm_init();

</script>


Q: We are an enterprise license holder and have recently purchased Deluxe Menu and are transitioning to it smoothly except for one minor annoyance; the first dhtml div menu item's submenu always has a gap between the browser’s left side as shown below. This happens for Internet Explorer 6, 7 and Firefox 2 and 3.04b.

If I move the menubar to the right about ten pixels, the submenu's left side will line up with the word "Search" as it should. Every other submenu on the dhtml div menu appears directly beneath its menubar item except for the very first one on the left. I’ve tried using a few of the example configurations but they all experience the same behavior.

The installation is in a multi-framed environment.

A: You should change dmenu.js file. Open it in any text editor and find:

space=15;

Change it to:

space=0;