Masquer ou développer du texte
Mikra
Messages postés
84
Statut
Membre
-
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
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 ^^
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:
- Masquer ou développer du texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Masquer conversation whatsapp - Guide
- Comment appeler en masquer - Guide
- Masquer amis facebook - Guide
- Transcription audio en texte word gratuit - Guide
1 réponse
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 :
Le HTML :
Javascript :
Bonne chance. Si tu n'arrives pas à intégrer les codes dans la page, dis-le.
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.
