il me manque du code pour un menu deroulant par gaya_102 - page 1

Bonjour
Désole je suis débutante

voila j'ai un code pour un menu déroulant mais il ne marche pas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Jour J</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" /> 
<script type="text/javascript" src="menu.js"></script>
<script language="JavaScript" src="mm_menu.js"></script>

	   
	   </head>
 
   <body>
       <!-- fond -->
 
       <div id="rubrique">        
           <div class="en_tete">
           <img src="image/emeline_rub.jpg" style="float: left">
		   <a href="emelinepresentation.html"><img src="image/presentation_rub_off.jpg" style="float: left" alt="image/presentation_rub_on.jpg" class="rollOver" /></a>
			<img src="image/oiseau1_rub.jpg" style="float: left">
		   <a href="emelinejourj.html"><img src="image/jourj_rub_off.jpg" alt="image/jourj_rub_on.jpg" style="float: left" class="rollOver" /></a>
		   <img src="image/oiseau2_rub.jpg" style="float: left">
		   <a href="infospratiques.html"><img src="image/infospratiques_rub_off.jpg" alt="image/infospratiques_rub_on.jpg" style="float: left" class="rollOver" /></a>
		   <img src="image/oiseau3_rub.jpg" style="float: left">
		   <a href="contact.html"><img src="image/contact_rub_off.jpg" alt="image/contact_rub_on.jpg" class="rollOver" style="float: left" /></a>
			<img src="image/oiseau4_rub.jpg" style="float: left">		  
           </div>
		   
		   <div>
		   
		   </div>
		   
		   
		   
		   	<script type="text/javascript">
			var imgs = document.getElementsByTagName('img');
			
			for (var i = 0; i < imgs.length; i++)
			{
				if (imgs[i].className == 'rollOver')
				{
					imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
					imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
					imgs[i].className = '';
				}
			}
			
			</script>
   </body>
</html>

function mmLoadMenus() {
  if (window.mm_menu_1114095254_0) return;
                      window.mm_menu_1114095254_0 = new Menu("root",166,17,"Lucida Calligraphy",11,"#996699","#DFBDE7","#DFBDE7","#996699","center","middle",3,0,1000,-5,7,true,true,true,0,false,true);
  mm_menu_1114095254_0.addMenuItem("Le&nbsp;déroulement","location='deroulement.htm'");
  mm_menu_1114095254_0.addMenuItem("Nos&nbsp;prestataires","location='prestataires.htm'");
  mm_menu_1114095254_0.addMenuItem("Remerciements","location='remerciement.htm'");
  mm_menu_1114095254_0.addMenuItem("Le&nbsp;voyage&nbsp;de&nbsp;noce","location='levoyage.htm'");
  mm_menu_1114095254_0.addMenuItem("La&nbsp;preparation","location='lapreparation.htm'");
   mm_menu_1114095254_0.fontWeight="bold";
   mm_menu_1114095254_0.hideOnMouseOut=true;
   mm_menu_1114095254_0.bgColor='#555555';
   mm_menu_1114095254_0.menuBorder=1;
   mm_menu_1114095254_0.menuLiteBgColor='#996699';
   mm_menu_1114095254_0.menuBorderBgColor='#996699';
window.mm_menu_1114101304_0 = new Menu("root",136,17,"Lucida Calligraphy",11,"#996699","#DFBDE7","#DFBDE7","#996699","center","middle",3,0,1000,-5,7,true,true,true,0,false,true);
  mm_menu_1114101304_0.addMenuItem("Les&nbsp;futurs&nbsp;mariés","location='lesmaries.htm'");
  mm_menu_1114101304_0.addMenuItem("Les&nbsp;parents","location='lesparents.htm'");
  mm_menu_1114101304_0.addMenuItem("Les&nbsp;témoins","location='lestemoins.htm'");
  mm_menu_1114101304_0.addMenuItem("Les&nbsp;frangin(e)s","location='lesfrangins.htm'");
   mm_menu_1114101304_0.fontWeight="bold";
   mm_menu_1114101304_0.hideOnMouseOut=true;
   mm_menu_1114101304_0.bgColor='#555555';
   mm_menu_1114101304_0.menuBorder=1;
   mm_menu_1114101304_0.menuLiteBgColor='#996699';
   mm_menu_1114101304_0.menuBorderBgColor='#996699';
    window.mm_menu_1114101812_0 = new Menu("root",185,17,"Lucida Calligraphy",11,"#996699","#DFBDE7","#DFBDE7","#996699","center","middle",3,0,1000,-5,7,true,true,true,0,false,true);
  mm_menu_1114101812_0.addMenuItem("Comment&nbsp;venir","location='itineraire.htm'");
  mm_menu_1114101812_0.addMenuItem("Les&nbsp;hébergements","location='hebergements.htm'");
  mm_menu_1114101812_0.addMenuItem("Villegly","location='villegly.htm'");
  mm_menu_1114101812_0.addMenuItem("Tourisme&nbsp;et&nbsp;animations","location='tourisme.htm'");
   mm_menu_1114101812_0.fontWeight="bold";
   mm_menu_1114101812_0.hideOnMouseOut=true;
   mm_menu_1114101812_0.bgColor='#555555';
   mm_menu_1114101812_0.menuBorder=1;
   mm_menu_1114101812_0.menuLiteBgColor='#996699';
   mm_menu_1114101812_0.menuBorderBgColor='#996699';

mm_menu_1114101812_0.writeMenus();
} // mmLoadMenus()

Je voulais savoir comment relier mes boutons à la fonction.
En fait voila ce que je voudrais faire

http://www.sandrineetgwen.fr/presentation.htm

Merci d'avance

gaya_102

1 mars 2009 à 21:50:37

xavierm02

1 mars 2009 à 21:53:40

c'est pas en copiant un code que tu vas apprendre...
et ça se fait en CSS les menus de ce genre...
tout ce que tu fais en javascript doit avoir une alternative sans... alors que si c'est fait en CSS c'est bon!
bref

google!

1 mars 2009 à 21:58:34

Je ne savais pas que ça se faisais en css. Je vais me renseigner
J'essaye de comprendre mais se code est un peut trop compliqué pour moi

il me manque du code pour un menu deroulant

il me manque du code pour un menu deroulant

Supprimer

Modérer

Signaler le message aux modérateurs