Home » , , , » Seleksi Semua Link Ekternal

Seleksi Semua Link Ekternal

JQuery Custom Selector


Kustomisasi Selektor

Sisipkan kode ini untuk menciptakan selektor baru bernama :external

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


Contoh Penerapan

Otomatis Membuka Semua Link Eksternal di Tab/Jendela Baru

$(function() {
$('a:external').attr('target', '_blank'); // menambahkan atribut "target" dengan nilai "_blank"
});

Menandai Semua Link Eksternal

$(function() {
$('a:external').addClass('eksternal'); // menambahkan class="eksternal" pada semua link eksternal
});
/* Sedikit kode CSS */
.eksternal {color:red;}



Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Homtimpa - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger