jquery-wordpress

jQuery ile Harici Linkleri Bulma

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.

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

jQuery ile Harici Linkleri Bulma” için bir yorum

  • Merhaba Dünya

    (23 Eylül 2016 - 23:53)

    Ben Programı Çalıştırma konusunda sıkıntı yaşadım hocam

Yorum yazma sırası sizde!