Detecter l'overflow d'un DIV dans un TD

Signaler
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009
-
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009
-
Bonjour à tous,



Je cherche à faire une liste sous forme d'un tableau (avec plusieurs colonnes) d'une largeur de 100%.

Jusque là rien d'exptionnelle.



Les elements contenus dans les cellules peuvent être plus large que
l'espace prévu. J'ai donc décidé d'appliqué le mode overflow:hidden;



exemple concret :



<td style="width:25%;">



Mon contenu qui peut etre plus large


</td>

Jusque là toujours pas de soucis.

Je voudrais maintenant savoir comment détecter si le contenu est effectivement plus long que l'espace qui lui est aloué (en javascript).
Si j'arrive à le détecté je mettrai en place des '...' a la fin de la cellule pour montrer que le terme est coupé et aussi un info bulle montrant le contenu complet.

Mais pour l'instant la seule solution trouvé est de copie en jaavscript via innerHTML le contenu dans un div sans overflow, de mesuré sa largeur avec offsetWidth et de comparé avec la largeur effective d ela cellule.

Mais ni aurrait-il pas un moyen moins couteux?

Toutes les idées sont les bienvenu...

Merci à tous et bravo a codesource

2 réponses

Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Oups petite correction dans le code (il y avait un mix avec du php encore) concernant la style clip

Fallait lire :

<td style="width:25%;">




Mon contenu qui peut etre plus large



</td>


Mais ca change pas grand chose au problème.
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009