jQuery et CSS : Donner du style à ses liens

Benjamin Longearet 20 novembre 2010 0
jQuery et CSS : Donner du style à ses liens
 

Grâce au CSS, il est possible d’utiliser des sélecteurs sur les balises de votre page. La méthode serait la suivante:

a[href $='.pdf'] {
//blablabla
}
a[href $='.zip'] {
//blablabla
}

Le problème est que IE6 (toujours lui hein?! =D) ne prend pas en compte cette méthode. On va donc utiliser jQuery.

Nous allons donc utiliser ce petit bout de code jQuery:

$().ready(function(){
$("a[href$=pdf]").addClass("pdf");
$("a[href$=zip]").addClass("zip");
$("a[href$=jpg]").addClass("img");
$("a:not([href*=http://blog.firehist.org])").not("[href^=#]")
.addClass("external")
.attr({ target: "_blank" });
});

Et voila, il n’y a plus qu’à définir les classes et c’est parti!!!

 

Bon dév’ :D

Geekos.fr vous recommande les articles suivants

Laissez un message »