Masquer ou développer du texte

Mikra -  
Bonjour,
alors voilà je me demandais s'il étais possible de réduire un texte ou de le développer avec un code html, comme on le fait avec les balises "spoiler" dans les forums, mais c'est pour mon blog car le texte que j'ai mis est un peu long...
Voilà!
Merci de répondre ^^
Configuration: Windows XP
Firefox 3.0.6

1 réponse

  • Votes
  • Date
  • Date décroissante
  1. avion-f16
    Bonjour,

    c'est rapidement faisable en Javascript.
    Dans le CSS, tu crées un classe pour le visible et une autre pour quand le texte n'est pas visible. Ensuite, sur le lien, tu fais simplement appelle à une fonction en Javascripte.

    Le CSS : 
    .visible {
 display:block;
}
.invisible {
 display:none;
}


    Le HTML : 
    <p><a href="#" onclick="secret(1);">Afficher/Masquer</a></p>
<div id="1" class="invisible">
<p>Mon texte top secret !</p>
</div>


    Javascript : 
    function secret(id) {
  if(document.getElementById(id).className == "invisible")
  {
    document.getElementById(id).className = 'visible';
  }
  else
  {
     document.getElementById(id).className = 'invisible';
   }
}


    Bonne chance. Si tu n'arrives pas à intégrer les codes dans la page, dis-le.