Cacher le texte en trop...
Résolu/Fermé
fabrice88
-
12 juil. 2010 à 09:05
Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 13 juil. 2010 à 11:39
Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 13 juil. 2010 à 11:39
A voir également:
- Cacher une partie du texte html
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Cacher une conversation whatsapp - Guide
- Editeur html - Télécharger - HTML
- Nb si contient une partie de texte ✓ - Forum Excel
4 réponses
faaroo
Messages postés
2
Date d'inscription
lundi 12 juillet 2010
Statut
Membre
Dernière intervention
12 juillet 2010
1
Modifié par faaroo le 12/07/2010 à 13:36
Modifié par faaroo le 12/07/2010 à 13:36
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 :-)
Reivax962
Messages postés
3672
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
12 juil. 2010 à 16:19
12 juil. 2010 à 16:19
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...
Reivax962
Messages postés
3672
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
13 juil. 2010 à 11:39
13 juil. 2010 à 11:39
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>
