Discussion :

[student_php]

Bonjour,

J'ai crée un système de news sur mon site, j'aimerais délimiter une taille maximale avec un petit lien "Lire la suite" qui afficherait 100% du contenu en cas de dépassement d'une hauteur pré-définit.

Je pourrais tout simplement compter le nombre de caractères avec php mais les news peuvent comporter des images, des puces etc, je préfère me fier à la taille réelle, j'ai trouvé une fonction pour récupérer la hauteur d'un élément en javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('mon_elem').offsetHeight

Mais je ne sais pas trop comment m'y prendre, je ne peux pas utiliser "onchange()" car je veux que les calculs soient faits pour toutes les news à la génération de la page.

Si quelqu'un pouvait m'aider à me lancer, merci !

[andry.aime]

Bonsoir,

Regarde cette discussion.

A+.

[student_php]

Cette discussion parle quasi exclusivement de min-height et max-height, j'ai déjà testé cette méthode, le problème et que quand mon texte dépassait le "max-height" il débordait de sa div...

Peut-être faisais tu allusion à une autre notion de la discussion ? Auquel cas désolé mais je ne vois pas trop

[Watilin]

Salut,
je te conseille d'utiliser du CSS pur dans un premier temps, pour donner une hauteur max à toutes tes news :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.news
{
    overflow: hidden;
    height: 60px; /* par exemple */
}

Ensuite, un lien dans chaque news, qui réagit au clic et qui restaure la taille par défaut comme ceci :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

cible.style.height = '';

Note que c'est un cas de figure idéal pour utiliser la délégation d'évènements.

Je te laisse chercher pour les détails

[andry.aime]

Ajoute un overflow:hidden

as-tu utilisé le js pour hacker max-height pour IE?

EDIT: grillé par Watilin