22 juil. 2010

Ouvrir et fermer un texte

Publié par Libellés : , ,
Cette astuce est à base de javascript. Vérifiez si vous pouvez utiliser ce langage sur votre blog.

En HTML, vous collez le pavé suivant :

<p align="center">
<a href="javascript:document.getElementById('re001').style.display='block';document.getElementById('re001').releaseCapture();">
<u>OUVRIR</u></a>
<a href="javascript:document.getElementById('re001').style.display='none';document.getElementById('re001').releaseCapture();">
<u>FERMER</u></a></p>
<div id="re001" style="display: none;">
<div style="border: 2px solid rgb(128, 128, 128);">Ecrivez votre texte ICI</div>
</div>

Vous pouvez personnaliser ce qui est en rouge.

et vous obtenez


OUVRIR   FERMER

3 commentaires:

  1. Anonyme27 février 2011 à 17:48

    Il m'a sauvé la vie cet article ! Merci ;D

    RépondreSupprimer
  2. Anonyme1 mars 2011 à 15:32

    Moi j'ai un petit problème .
    J'ai mis plusieurs liens comme ceux là sur mes différents articles . Et quand je clique sur OUVRIR c'est un autre lien qui s'ouvre . Comment faire pour les différencier ?

    RépondreSupprimer
  3. Unknown13 février 2012 à 21:10

    Super!!! Merci pour ce script :)
    http://www.caroline-angelard.com/

    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)

Inscription à : Publier les commentaires (Atom)