Afficher / Masquer une div à l'aide d'un Javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Bonjour,

Vous avez déjà voulu afficher / masquer un div à l'aide d'un bouton ? (Par exemple, un bouton voir plus)
Eh bien, ce code Javascript va vous permettre de le faire :
Code:
function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'none')
          e.style.display = 'block';
       else
          e.style.display = 'none';
    }
Ensuite, dans le html :
Code:
<a onclick="toggle_visibility('hiddendiv');" >Texte du lien</a>
<div id="hiddendiv" style="display: none;">Texte de la div cachée</div>
Lorsque vous allez cliquer sur le lien avec le onclick, la div cachée va apparaître, et inversement.
Cela peut être pratique pour afficher un menu déroulant en améliorant le script.


Ajesto le Ven 13 Jan - 17:39

avatar
Ajesto
Fondateur
Fondateur


Messages : 115

Masculin

Points : 3

Coucou Laiorm,

Très bon ce tutoriel. Je m'y connais pas en Javascript. Avoir plus de temps, j'aimerais en apprendre d'avantage mais avec le boulot, c'est dur :/


Chocolat1992 le Sam 14 Jan - 2:00

avatar
Chocolat1992
Modérateur
Modérateur


Messages : 45

Masculin

Points : 10

Merci Very Happy


Ajesto le Sam 14 Jan - 9:33

avatar
Ajesto
Fondateur
Fondateur


Messages : 115

Masculin

Points : 3

Contenu sponsorisé

Contenu sponsorisé


Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Vous devez vous connecter pour répondre.


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum