Mecha versi 2.6.4 sudah dirilis!

Seleksi Semua Tautan Ekternal

Tabel Konten
  1. Kustomisasi Selektor 
  2. Contoh Penerapan 
    1. Otomatis Membuka Semua Link Eksternal di Tab/Jendela Baru 
    2. Menandai Semua Link Eksternal 
jQuery Custom Selector

Kustomisasi Selektor 

Sisipkan kode ini untuk menciptakan selektor baru bernama :external

// Buat selektor kustom `:external`
$.expr[':'].external = function(obj) {
    return !obj.href.match(/^mailto\:/) && (obj.hostname != window.location.hostname);
};

Contoh Penerapan 

$(function() {
    $('a:external').attr('target', '_blank'); // menambahkan atribut `target` dengan nilai `_blank`
});
$(function() {
    $('a:external').addClass('external'); // menambahkan kelas `external` pada semua tautan eksternal
});
/* Sedikit kode CSS */
.external {color:red}

Lihat Demo

Sumber: jQuery How To

5 Komentar

Unknown

mas saya mau tanya nih, kenapa ya saya menggunakan css eksternal malah css nya jadi gak terbaca dan tampilan blog jadi acak2an ? apa ada yang salah dalam peletakkannya mas taufik: http://metal-x-gen.blogspot.com/

Unknown

gimana caranya agar kesemua halaman blog saja ,,,
saya masih bingung ini menggunakannya gimana?
saya sudah tulis script di post daftar isi otomatis tapi gak bisa link new tap di klik

Taufik Nurrohman

$.expr[':'].internal = function(obj) {
return !obj.href.match(/^mailto\:/)
&& (obj.hostname === location.hostname);
};
$(function() {
$('a:internal').attr('target', '_blank');
});
$(window).load(function() {
$('a:internal').attr('target', '_blank');
});

Unknown

oh iya mas taufik bisa review blog saya tidak yg kurang apanya. agar di SERP bisa bagus hasilnya.....

Komentar telah ditutup.