Menu deroulant

kun00538 Messages postés 9 Date d'inscription vendredi 3 mars 2006 Statut Membre Dernière intervention 10 juin 2006 - 5 juin 2006 à 11:08
kun00538 Messages postés 9 Date d'inscription vendredi 3 mars 2006 Statut Membre Dernière intervention 10 juin 2006 - 5 juin 2006 à 11:28
Bonjour a tous.
Voila je suis en train de faire un site et j'avais besoin d'un menu deroulant un peu special..

Je m'explique:

   ca c'est le menu une fois deroule.

 voila a quoi cela resemble avant ouverture du menu.

Mon souci etait le suivant
L'orsque je selectionne un point du menu il vient remplacer le premier point de menu.
Par exemple si je clic sur musicien alors le menu remplace musicien par realisateur et realisateur par musicien.

Bref j'ai rien trouvé de tres convaincant et surtout de modifiable facilement pour moi (je fais du html javascript php et mysql que depuis 6 mois et je suis pas developeur).

Donc j'ai ecris script, qui marche, mais ma question et la suivant y a t'il un moyen de l'optimise et au moins pouvez vous me dire ce que vous pensez de la maniere donc c'est ecris (respect des regle de dev en html et javacript ainsi que des standard de dev)

N'hesitez pas a commentez et meme critique le script.
Toute critique et constructive.

1 réponse

kun00538 Messages postés 9 Date d'inscription vendredi 3 mars 2006 Statut Membre Dernière intervention 10 juin 2006
5 juin 2006 à 11:28
heu... j4aurait pas oublie le script par hazard

desole je le met de suite

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--


#MenuDeroulant
{
 visibility: hidden
}
-->
</style>


<script type="text/JavaScript">
<!--
ImgSave = new Array(2);
ImgMasque = new Array();
ImgOrigine = new Array();
for (i=0;i<=4;i++ )
{
 ImgMasque[i] = new Image;
 ImgOrigine[i] = new Image;
}
ImgMasque = ["MasqueRealisateur.jpg","MasqueProducteur.jpg","MasqueActeur.jpg","MasqueScenariste.jpg","MasqueMusicien.jpg"];
ImgOrigine = ["Realisateur.jpg","Producteur.jpg","Acteur.jpg","Scenariste.jpg","Musicien.jpg"];


function ChangeImg(num)
{
 document.images['MenuImage'+num].src= ImgMasque[num];
 document.getElementById("MenuDeroulant").style.visibility = "visible";
}


function RestoreImg(num)
{
 document.images['MenuImage'+num].src = ImgOrigine[num];
 document.getElementById("MenuDeroulant").style.visibility = "hidden";
}


function ChangeMenu(num)
{
 ImgSave[0] = ImgOrigine[num];
 ImgSave[1] = ImgMasque[num];
 ImgMasque[num] = ImgMasque[0];
 ImgOrigine[num] = ImgOrigine[0];
 ImgMasque[0] = ImgSave[1];
 ImgOrigine[0] = ImgSave[0];
 document.images['MenuImage0'].src = ImgSave[0];
 document.getElementById("MenuDeroulant").style.visibility = "hidden";
}


//-->
</script>
</HEAD>



   ----

    ,
 
  ----

    <table width="116" border="0" cellspacing="0" cellpadding="0">
      ----

       , </td>
     
      ----

        ,
     
      ----

        ,
     
      ----

        ,
     
   
</td>
  </tr>
</table>



</HTML>
0
Rejoignez-nous