comment faire un menu déroulant

1 mars 2009 à 12:36:22

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

Golmote

1 mars 2009 à 12:38:57

bah faut que tu crées le menu tout en JS. Et quand tu enregistres ça dans un script externe, que tu lieras à chacune de tes pages.

Ainsi, les url seront elles aussi stockées dans le fichier js.

Tillertan

1 mars 2009 à 12:39:54

Tu crées une page .js avec:

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()

Et dans tes pages tu mets:

[...]
<script type="text/javascript" src="taPage.js"></script>
<script language="JavaScript" src="mm_menu.js"></script>
<title>Pr&eacute;sentation</title></head>
[...}

gaya_102

1 mars 2009 à 12:42:01

le code javascript je le met dans une page html externe ou avec une autre extension?

Tillertan

1 mars 2009 à 12:42:55

Citation : Tiller

Tu crées une page .js avec
[...]
<script type="text/javascript" src="taPage.js"></script>

gaya_102

1 mars 2009 à 12:50:15

tu sais quoi ca ne marche pas
J'ai fait les modifs

<script type="text/javascript" src="menu.js"></script>
<script language="JavaScript" src="mm_menu.js"></script>

Golmote

1 mars 2009 à 12:53:59

Ton fichier menu.js contient bien tout ce qu'il faut ? Il est bien en .js ?

gaya_102

1 mars 2009 à 12:55:40

oui il est bien dans un .js

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()

J'ai repris le code de Tiller

Par contre je crois savoir où est le problème. Comment on fait pour joindre les image avec la fonction du menu. Qu'est ce qu'il faudrait que je rajoute?