Masquer ou développer du texte

Fermé
Mikra Messages postés 81 Date d'inscription mardi 13 février 2007 Statut Membre Dernière intervention 22 mars 2011 - 10 févr. 2009 à 18:58
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 10 févr. 2009 à 19:13
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 ^^
A voir également:

1 réponse

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
10 févr. 2009 à 19:13
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.
1