22 juil. 2010

Ouvrir et fermer un texte - Lire la suite - Javascript

Un script en javascript qui permet d'ouvrir et fermer un texte : intéressant lorsque le texte est long.

En HTML de votre article, vous collez
<div id="replie" style="display: block;">
<span onClick="document.getElementById('deplie').style.display = 'block';
document.getElementById('replie').style.display = 'none';">
Ouvrir
</span>
</div>
<div id="deplie" style="display: none;">
<span onClick="document.getElementById('replie').style.display = 'block';document.getElementById('deplie').style.display = 'none';">
Fermer
</span>
<br>
Votre texte</div>
Vous pouvez personnaliser ce qui est en rouge et bleu.

Cliquez sur Ouvrir pour tester :

Il rampait à plat ventre, galopait à quatre pattes, prenait son panier aux dents, se tordait, glissait, ondulait, serpentait d'un mort à l'autre, et vidait la giberne ou a cartouchière comme un
singe ouvre une voix.


Ouvrir

3 commentaires:

  1. wicked !

    thx a lot for sharing this info !

    RépondreSupprimer
  2. au top ! ça marche nickel ! Merci Anna !

    RépondreSupprimer
  3. Génial, c'est ce que je cherchais !
    est-il possible d'avoir "Fermé" dans le bas du déplié ?
    merci

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)