Noven - Life's interactive

Tronquer les textes ce n’est jamais facile. La solution la plus commune consiste à couper le contenu après un nombre de caractère précis. En prime, on peut s’attacher à conserver les mots entiers afin d’éviter les effets du style « Lorem ipsum dolor sit amet, c… ». Ce système est efficace le plus souvent, mais il arrive que cela ne suffise pas. En effet, les navigateurs ont toujours une interprétation hétérogène des largeurs et hauteurs (merci IE), mais surtout l’espace disponible dépend de la police de caractère utilisée. Avec CSS et les polices gérés en source, comme pour les images, cette problématique va devenir donc de plus en plus brûlante.

A la pointe de l’innovation, NOVEN a développée une extension jQuery qui permet de tronquer dynamiquement le texte en fonction de l’espace disponible dans la zone. Cette extension repose donc sur la largeur moyenne d’un caractère, en fonction de son type (Normal - 5jambages de haut, 3 de larges, Augmenté ou diminué), mais également des espaces (cadratin) qui le composent (avant ou après). Bien évidemment, les polices de caractères ont chacune des propriétés propres, c’est-à-dire que selon la police les caractères de type normal, augmenté ou diminué ne sont pas les mêmes.

Concrètement, l’extension jQuery de calcul de la troncature se base sur la configuration du type de caractère pour chaque caractère. Le résultat est tout simplement exceptionnel : on peut le voir sur la grille des programmes des sites MTH où le titre du programme est affiché en fonction de sa durée.

Retour