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
3 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/
By
Unknown, at Thursday, February 7, 2013 at 9:37:00 PM GMT+7
--
[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
By
Taufik Nurrohman, at Friday, February 8, 2013 at 9:19:00 AM GMT+7
$.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');
});
By
Taufik Nurrohman, at Saturday, November 15, 2014 at 7:22:00 PM GMT+7
Post a Comment
<< Home