Un petit menu qui s'affiche/se masque en cliquant

[Résolu]
Signaler
Messages postés
58
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
4 janvier 2008
-
Messages postés
58
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
4 janvier 2008
-
Bonjour,


Voici mon petit menu qui marche très bien. En cliquant sur le premier <tr> le reste du tableau s’affiche ou se masque mais il me reste un petit souci. Au chargement de la page, le reste du tableau est affiché et moi je veux le contraire puis en cliquant sur Accueil le reste s’affiche.


Merci d’avance.



<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /??>
 




Ma page htm:



 





<html>





<head>





<title>Untitled Document</title>





<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">





<SCRIPT language=JavaScript>






 







var bolOpened = true;






 






if (document.getElementById("mnuHead") != null && document.getElementById("mnuMain") != null)





{






                bolOpened document.getElementById("mnuHead").className "mnuHeadOpened" ? true : false;





}






 






if (!bolOpened)





{






                document.getElementById("mnuMain").style.display = "none";






                bolOpened = false;





}





function showHideMnu()





{






 







                if (bolOpened)






                {






               
                document.getElementById("mnuHead").className = "mnuHeadClosed";






               
                document.getElementById("mnuMain").style.display = "none";






 







               
                bolOpened = false;






                }






                else






                {






               
                document.getElementById("mnuHead").className = "mnuHeadOpened";






               
                document.getElementById("mnuMain").style.display = "block";






               
                bolOpened = true;






                }





}





function test()





{






        document.getElementById("mnuMain2").style.visibility = 'hidden';






               
               
 document.getElementById("mnuMain").style.visibility = 'hidden';






 







 







                }






               








 







 






</SCRIPT>





</head>






 











<table width="99%" height="30" border="1" id="mnuHead" onclick="showHideMnu()"  class="mnuHeadClosed"  style="cursor=hand" >

              ----

                ,
Accueil
</td>

             

             

               

          blabla,

             

              ----

               

          blabla,

             

              ----

               

          blabla,

             

           
</tr></table>










</html>

2 réponses

Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
Si je comprends bien ton problème il faudrait que tu remplaces la valeur de ton bolOpened à false, que tu rajoute l'attribut style avec la valeur "dysplay:none;" à ton 2e tableau et que tu change la classe de ton premier tableau pour mnuHeadClosed.

Prochaine fois commence par comprendre la source si elle es de toi ...
Messages postés
58
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
4 janvier 2008

Bonjour,
Je te remercie pour la réponse. Tu as raison, la source n'est pas la mienne.