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

Soyez le premier à donner votre avis sur cette source.

Vue 13 210 fois - Téléchargée 451 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.

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

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

En fait ellipsis c'est un truc qui n'existe que sous IE... c'est pas un standard W3C.

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à...
Messages postés
285
Date d'inscription
jeudi 29 juillet 2004
Statut
Membre
Dernière intervention
27 juin 2006
1
Je trouve ça trop bon en réalité.
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é
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Voilà Zart j'ai ajouté une démo en ligne... et un peu plus que ca. Cela m'a permit d'enfin faire un mini site perso.
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Pour l'instant ce n'est que visible dans un CMS que je concoit... donc pas encore ouvert au public. Mais je vais faire une petite page de démo (d'autre scripts devrait très vite venir).

Merci en tout cas.
Messages postés
285
Date d'inscription
jeudi 29 juillet 2004
Statut
Membre
Dernière intervention
27 juin 2006
1
Vraiment bien ce script.
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.