Menu Deroulant Javascript Survol Image by Deluxe-Menu.com
Menu Deroulant Javascript Survol Image

Menu Screenshots

Menu Deroulant Javascript Survol Image Javascript Menu Xp Style

Features

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
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
Web Javascript Sample Menu Deroulant Javascript Survol Image
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant javascript survol image menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.

A: Delete "height: 0%;" parameter from the style of the content DIV:

<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">

So you'll have:

<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">



Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:

  var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

You can also try to use the following parameter to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';



Q: I have installed all .js files in a subfolder under my html folder. \html\menudir\ all js files are here

My html file is in html folder.

Inserted in HEAD section in HTML file
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">simple javascript menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

Later in BODY, used your sample popup javascript data-popup-mode.js file

<script type="text/javascript"
src="menudir/data-popup-mode.js"></script>
<img src="../images/lov.gif" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"> When I view the page with simple javascript menu and click on the image, I get an error.

What am I doing wrong?

A: If you have only one menu on the page you should write popup functionin the following way:

return dm_popup(0, 2000, event);



Q: We are using your deluxe menu on our live site, but I have a question about the initial setup of the menu.

I need to update the site and a create a new version where the Deluxe Menu is painted, but not initially displayed until the user has been validated. We are runing the entire site from a single page with multiple iFrames. I have been using the code document.getElementById('dm0m0').style.visibility = "hidden"; to hide the menu during startup, but I would rather have the floating menu hidden initially and then displayed as the user is validated and gain access to the functionality.

So the question is: Is there a property in the data.js file - or any other file - where the menu can be hidden initially until needed?

A: You can hide the menu onloaddocument.getElementById('dm0m0').style.visibility = "hidden";

And then show the floating menu when your user will be validated.