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

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

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

Message par Ajesto le Ven 13 Jan - 17:39

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.


avatar
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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

Message par Chocolat1992 le Sam 14 Jan - 2:00

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 :/


avatar
Chocolat1992
Modérateur
Modérateur

Messages : 45 Masculin Points : 10

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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

Message par Ajesto le Sam 14 Jan - 9:33

Merci Very Happy


avatar
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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