22 juil. 2010

Ouvrir et fermer un texte

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. Il m'a sauvé la vie cet article ! Merci ;D

    RépondreSupprimer
  2. 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. 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)