Script Jquery réduction des ancres de lien URL

Article ajouté le 21/12/2018

Script Jquery réduction des ancres de lien URL

Je vous propose aujourd'hui l'un de mes scripts que j'utilise sur p3x pour réduire les ancres de tous les liens des pages en "http://" ou "https://".

Ce tout petit script jQuery peut s'avérer très utile lorsqu'il y a des liens trop long dans notre contenu et que ceux-ci ont un impact visuel (Je pense surtout aux versions mobile qui ont un affichage horizontal limité en taille de chaîne de caractères).

On pourrait également utiliser les overflows CSS mais je trouve cette solution bien plus simple à mettre en place quand on utilise jQuery sur son site.

Grâce à cette méthode, plus besoin de se prendre la tête les liens sont automatiquement réduit lorsqu'ils sont trop long.

Vous pouvez modifier le script à votre guise et déterminer la taille maximale des liens par le biais de la valeur de $(this).text().length et la taille réduite par le biais des substr().

Le code jQuery

$('a').each(function(){
   if($(this).text().length>40 && ($(this).text().substr(0,7)=='http://' || $(this).text().substr(0,8)=='https://')){
      $(this).text($(this).text().substr(0,32) + ' ... ' + $(this).text().substr(-8));
   }
});

Poster un commentaire

Commentaire

Nom

Adresse e-mail

Votre adresse e-mail n'est pas publiée lorsque vous ajoutez un commentaire.
Tous les champs sont obligatoires pour soumettre votre commentaire.


Créer un site Internet

Découvrez toute une sélection de solutions pour des projets Internet en parcourant la section spécialisée.

Consultez en quelques clics les méthodes, les étapes, les outils et les techniques pour réaliser au mieux un site Web.

Réaliser un site Internet

Outils et techniques de développement

Il existe de nombreuses manières de concevoir un site Internet.

Certains optent pour des outils clés en main et d'autres préfèrent utiliser des solutions faites maison. Le choix n'est pas toujours évident et lorsqu'on y connait rien, il est préférable de se tourner vers un vrai expert.

Découvrez les techniques que j'utilise et quelques-uns des outils qui permettent de rapidement disposer d'un site Web.

Outils et techniques