Probleme dans un menu deroulant
gaya_102
-
gaya_102 -
gaya_102 -
Bonjour,
,
voila je voudrais faire un menu déroulant comme sur ce site
http://www.sandrineetgwen.fr/presentation.htm
Si ce site le code est dans la page se qui fait que quand je dois faire une modif de lien sur tout le site, il faut que je fasse la modif sur chaques pages.
Je voudrais mettre la fonction dans une page afin que quand je de devoir ne faire qu'une seule modif. Je sais pas si c'est bien clair se que je dit
voila le code que j'ai pour le moment mais il ne marche pas elle est ou mon erreur.
code html
<!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>
code javascript
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 déroulement","location='deroulement.htm'");
mm_menu_1114095254_0.addMenuItem("Nos prestataires","location='prestataires.htm'");
mm_menu_1114095254_0.addMenuItem("Remerciements","location='remerciement.htm'");
mm_menu_1114095254_0.addMenuItem("Le voyage de noce","location='levoyage.htm'");
mm_menu_1114095254_0.addMenuItem("La 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 futurs mariés","location='lesmaries.htm'");
mm_menu_1114101304_0.addMenuItem("Les parents","location='lesparents.htm'");
mm_menu_1114101304_0.addMenuItem("Les témoins","location='lestemoins.htm'");
mm_menu_1114101304_0.addMenuItem("Les 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 venir","location='itineraire.htm'");
mm_menu_1114101812_0.addMenuItem("Les hébergements","location='hebergements.htm'");
mm_menu_1114101812_0.addMenuItem("Villegly","location='villegly.htm'");
mm_menu_1114101812_0.addMenuItem("Tourisme et 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()
,
voila je voudrais faire un menu déroulant comme sur ce site
http://www.sandrineetgwen.fr/presentation.htm
Si ce site le code est dans la page se qui fait que quand je dois faire une modif de lien sur tout le site, il faut que je fasse la modif sur chaques pages.
Je voudrais mettre la fonction dans une page afin que quand je de devoir ne faire qu'une seule modif. Je sais pas si c'est bien clair se que je dit
voila le code que j'ai pour le moment mais il ne marche pas elle est ou mon erreur.
code html
<!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>
code javascript
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 déroulement","location='deroulement.htm'");
mm_menu_1114095254_0.addMenuItem("Nos prestataires","location='prestataires.htm'");
mm_menu_1114095254_0.addMenuItem("Remerciements","location='remerciement.htm'");
mm_menu_1114095254_0.addMenuItem("Le voyage de noce","location='levoyage.htm'");
mm_menu_1114095254_0.addMenuItem("La 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 futurs mariés","location='lesmaries.htm'");
mm_menu_1114101304_0.addMenuItem("Les parents","location='lesparents.htm'");
mm_menu_1114101304_0.addMenuItem("Les témoins","location='lestemoins.htm'");
mm_menu_1114101304_0.addMenuItem("Les 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 venir","location='itineraire.htm'");
mm_menu_1114101812_0.addMenuItem("Les hébergements","location='hebergements.htm'");
mm_menu_1114101812_0.addMenuItem("Villegly","location='villegly.htm'");
mm_menu_1114101812_0.addMenuItem("Tourisme et 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()
A voir également:
- Probleme dans un menu deroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Supprimer menu déroulant excel - Forum Excel
