Cacher/masqer <div>

Cacher/masqer <div> - HTML/CSS - Programmation

Marsh Posté le 15-09-2006 à 12:44:55    

Bonjours, j'ai un petit problème avec code:  

Code :
  1. <html>
  2. <head>
  3. <title>Document sans-titre</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script>
  6. function visibilite(thingId)
  7. {
  8. var targetElement;
  9. targetElement = document.getElementById(thingId) ;
  10. if (targetElement.style.display == "none" )
  11. {
  12. targetElement.style.display = "" ;
  13. } else {
  14. targetElement.style.display = "none" ;
  15. }
  16. }
  17. </script>
  18. </head>
  19. <body onLoad="javascript:visibilite('divid')">
  20. <a href="javascript:visibilite('divid');">afficher/masquer</a>
  21. <a href="javascript:visibilite('divid2');">afficher/masquer 2</a>
  22. <div id="divid" style="display:none;">contenu</div>
  23. <div id="divid2" style="display:none;">contenu defaut</div>
  24. </body>
  25. </html>


 
Ce que je cherche à faire, c'est que lorsqu'un div est affiché, j'aimerai que les autre soit caché. Ne pas avoir 2 div supperposé lorsque les 2 liens sont actifs

Reply

Marsh Posté le 15-09-2006 à 12:44:55   

Reply

Marsh Posté le 15-09-2006 à 15:02:57    

je comprends pas le :
targetElement.style.display = "" ;
 
pourquoi tu mets pas ="block" ?

Reply

Marsh Posté le 15-09-2006 à 15:10:22    

ne rien mettre revient au même, sauf que quelque soit l'élément HTML, il sera affiché selon ses paramètres par défaut, ce qui est donc plus portable.
 
ça sent le js repompé et pas compris quoi...
 
y'a d'ailleurs qu'à voir la question pour ne pas avoir envie de filer un coup de main. la réponse est tellement évidente que l'auteur n'a pas fait l'effort de réfléchir à ce qu'il fait, ni on fonctionnement de ce qu'il a déjà


Message édité par MagicBuzz le 15-09-2006 à 15:11:22
Reply

Marsh Posté le 15-09-2006 à 21:40:06    

personnellement je ne suis pas un pro du js, j'ai tenté plusieurs chose, mais ce ne donne jamais le résultat voulu.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed