Tronquer automatiquement un contenu trop long pour ce contenenur (td, div, etc...)
0/5 (5 avis)
Vue 14 148 fois - Téléchargée 474 fois
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.
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...
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
- Tronquer automatiquement un contenu trop long pour ce contenenur (td, div, etc...)
- Ca peut servir mot le plus long ✓ - Forum VB.NET
- Long vba ✓ - Forum Visual Basic 6
- Ora-00972: l'identificateur est trop long - Forum VB.NET
- Sizeof long ✓ - Forum C
- Div java - Forum Java
23 nov. 2005 à 09:45
Sous IE pour mettre des '...' il suffit de mettre overflow:ellipsis (en css) ce que Firefox ne comprend pas (sous Firefox j'utilise simplement overflow:hidden)
Donc mon script émule cela sous Firefox puis ajoute pour IE et Firefox la gestion du passage de sourie.
Merci pour mon site ca m'encourage à poursuivre... j'dois avouer qu'une autre de mes motivations pour le faire est aussi de changer d'employeur à l'occasion donc si ca peut aider à cà...
23 nov. 2005 à 01:36
Mais pourquoi tu dis que tu utilises Elipsis de Mozilla ?
Pas compris. Bravo pour ton site. Personnellement j'aimerais pouvoir m'attaquer à ce genre de projet mais en ce moment je suis un peu pris entre 2 feux. Donc pour le moment je laisse tomber les projets persos.
Un code de qualité
22 nov. 2005 à 11:04
8 nov. 2005 à 17:36
Merci en tout cas.
8 nov. 2005 à 16:21
Par contre, il serait intéressant de mettre un liens directe vers ton exemple sur un site, histoire de consulter l'exemple en direct.
Si toutefois ça ne te pose pas de problèmes.
J'ai également vu ton autre source elle fort intéressante
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.