Tronquer automatiquement un contenu trop long pour ce contenenur (td, div, etc...)

Description

Combien de fois vous-vous êtes batus pour que vos colonnes de tableau de soit pas 'explosé' par un contenu trop grand.

La solution consiste simpelment à masquer tous ce qui depasse avec un peut de css. Mais seul IE permet d'ajouté trois petit point montrant que le contenu à été coupé. (regardez du cote de text-overflow:ellipsis; avec overflow:hidden; ).

J'ai bricolé ce script afin de détecté les contenus qui dépasse de la largeur de la colonne (ca devrait fonctionner avec n'importe quel conteneur en fait) et de placer u nsymbole en fin de contenu pour montré que celui-ci et plus long.

J'ai aussi ajouté la visualisation du contenu complet lors du passage de la sourie dessus et ceci pour IE et Mozilla.

Source / Exemple :


Source et Explications détaillées:
----------------------------------
http://codessources.votre-web.com/js/ellipsis/index.php

Démonstration en ligne:
-----------------------
http://codessources.votre-web.com/js/ellipsis/demo.htm

Conclusion :


Voilà, pour mon premier script sur le réseau code source j'espère avoir été utile.

N'hésité pas à me faire part de vos remarques, corrections, suggestions...

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.