Cacher le texte en trop...
Résolu
fabrice88
-
Reivax962 Messages postés 3672 Date d'inscription Statut Membre Dernière intervention -
Reivax962 Messages postés 3672 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comme sur ce site je voudrai que lorsque j'ai trop de texte dans une div en cacher une partie et le faire apparaitre llorsque je clique dessus.
Comment est il possible de mettre ce systeme en place ?
Merci.
Comme sur ce site je voudrai que lorsque j'ai trop de texte dans une div en cacher une partie et le faire apparaitre llorsque je clique dessus.
Comment est il possible de mettre ce systeme en place ?
Merci.
A voir également:
- Cacher une partie du texte html
- Editeur html - Télécharger - HTML
- Cacher une conversation whatsapp - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Cacher son numéro - Guide
4 réponses
Bonjour fabrice88,
Voici quelques éléments de réponse :
- page en HTML + JavaScript
- balise "div"
- sur clic sur une zone, utilisation de la propriété style.display
Avec ça et Google, vous devriez pouvoir trouver ce qu'il vous faut :-)
Voici quelques éléments de réponse :
- page en HTML + JavaScript
- balise "div"
- sur clic sur une zone, utilisation de la propriété style.display
Avec ça et Google, vous devriez pouvoir trouver ce qu'il vous faut :-)
Je trouve plus élégant de jouer avec le style overflow-y:hidden.
Et puis ça permet d'éviter de devoir compter les caractères et tout ça si on veut une coupure propre...
Et puis ça permet d'éviter de devoir compter les caractères et tout ça si on veut une coupure propre...
Crée un nouveau fichier .html, et colle ceci dedans :
<html>
<head>
<script type="text/javascript">
function montrerCacher(unDiv)
{
if (unDiv.style.overflowY == "hidden")
{
unDiv.style.overflowY = "";
unDiv.style.height = "auto";
}
else
{
unDiv.style.overflowY = "hidden";
unDiv.style.height = "50px";
}
}
</script>
</head>
<body>
<div id="truc" style="width:200px; height:50px; border:solid 1px black; overflow-y:hidden;">Ceci est un texte relativement long dans un div qui est nécessairement tout petit, pour pouvoir jouer avec le bouton montrer/cacher qui doit se trouver un peu plus bas.</div>
<button onclick="javascript:montrerCacher(document.getElementById('truc'));">Montrer / cacher</div>
</body>
</html>
