28 juin 2006

Comment faire apparaître et disparaître un bloc en javascript?

Ci-dessous, le bloc* à faire apparaître/disparaître :

<tr id='bloc' style="{visibility : hidden}">.....</tr>

Donc au départ ce bloc est invisible, notez qu'il ne faut oublier l'attribut id de l'élément tr.

Pour le faire apparaître/disparaître en fonction d'une checkbox cochée/décochée, voici le code :

<input type="checkbox" name="option" id="option" value="1"   onclick="
    if(this.checked == true)
        document.getElementById('bloc').style.visibility = 'visible';
    else
        document.getElementById('bloc').style.visibility = 'hidden';">

*j'ai mis tr mais on aurait pu mettre aussi un div ou tout autre chose

télécharger le code html

Posté par fatihaelh à 17:39 - Javascript - Commentaires [3] - Permalien [#]

Commentaires

    C bien mais ...

    Ton code marche bien, mais est ce que tu penses que ça marche sur firefox? J'ai testé mais ça ne marche pas.

    Posté par gilou, 31 juillet 2006
  • merci !

    Merci beaucoup de m'avoir deplomber mon problème !
    FredJ

    Posté par FredJ, 26 juin 2010
  • ça marche!

    Oui je viens de tester et cela fonctionne aussi sous firefox, j'ai complété l'article, en mettant le code en entier.

    Posté par Fatiha, 22 septembre 2006

Poster un commentaire