Menu deroulant
gaya_102
-
gaya_102 Messages postés 14 Statut Membre -
gaya_102 Messages postés 14 Statut Membre -
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:
- 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
- Enlever menu déroulant excel ✓ - Forum Word
5 réponses
gaya_102
personne?
gaya_102
>
gaya_102
je sais que l'on peut faire des menu déroulant en css mais peut faire en sorte que le menu se touve sur une page à part?
gaya_102
>
gaya_102
j'ai fait mon code en css pour mon menu déroulant mais il ne marche pas. ESt ce que que quelqu'un pourrai m'aider
je suis incapable de t'aider, désolé: car ton menu dépend du script externe nommé mm_menu.js . Ce fichier externe est trop long , donc trop compliquer à piger pour pouvoir régler ton problème .
Désolé encore.
Désolé encore.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question