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