Seleksi Semua Tautan Ekternal
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
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('external'); // menambahkan kelas `external` pada semua tautan eksternal
});/* Sedikit kode CSS */
.external {color:red}Sumber: jQuery How To
5 Comments:
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/
--
[09:11:26.045] The stylesheet http://x-genity.googlecode.com/svn/trunk/anditechno/metal-x-genity.css was not loaded because its MIME type, "text/plain", is not "text/css". @ http://metal-x-gen.blogspot.com/
Setingannya salah ⇒ /2012/05/bantu-saya-menjawab-pertanyaan.html?showComment=1338350115161#c6165409733265579259
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
oh iya mas taufik bisa review blog saya tidak yg kurang apanya. agar di SERP bisa bagus hasilnya.....
$.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');
});
Post a Comment
<< Home