Web sitenizden dışarı giden linkleri farklı bir stil ile göstermek isterseniz ne yapacaksınız?
- Bütün dışarı çıkan linklere tek tek bir stil belirleyeceksiniz
- Ya da bu makaleyi okuyarak kısa yoldan çözüme kavuşacaksınz.
Seçim sizin!
Bu makalede sayfadaki bütün harici linkleri yakalayan ve onlara birer class atayan jquery işlemini gösteriyorum.
Bunun için iki farklı yöntem uygulayacağız. İkisinden birini seçip uygulayabilirsiniz.
Yöntem 1
$('a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).addClass("harici");
Yöntem 2
$('a').each(function() {
var duzenliIfade = new RegExp('/' + window.location.host + '/');
if (!duzenliIfade.test(this.href)) { // Harici Link Bulundu!
this.addClass("harici")
}
});
Bu iki yöntem ile yaptığımız işlem aynı. Sayfadaki harici linkleri bulduk ve onları class=’harici’ şeklinde yeniden şekillendirdik. Bu yöntem ile kullanıcılarınızı da hangi linkin dışarıya gittiğini bilmelerini sağlayarak mutlu edebilirsiniz.
Umarım işinize yarar, kolay gelsin.