Teknis
Panduan dan penjelasan konsep.
Membuat Sistem Penomoran Otomatis pada Setiap Baris Kode di dalam Tag PRE
Cara termudah untuk menciptakan baris-baris angka di dalam tag <pre> adalah dengan menghitung jumlah karakter ganti baris di dalamnya, kemudian kita gunakan hasilnya untuk menciptakan deret angka yan…
Bungkus/Pisahkan Setiap Baris Kata dengan Elemen
$('div').each(function() { var d = $(this).html(); $(this).html('<p>' + d.replace(/[\r\n]+(?=[^\r\n])/g, '</p><p>') + '</p>'); }); Kode di atas akan mengubah sekelompok teks yang tadinya seperti ini:…
Mengubah URL YouTube menjadi Video
$('p').html(function(i, html) { var re = /(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, vid = '<iframe width="420" height="345" src="//www.youtube.com/embed/$1" allowfulls…
Membuat Facebox/Like Box Preloader
Di sini Saya menggunakan metode Iframe Preloader yang pernah Saya tuliskan untuk menahan proses muat widget Facebox pada blog. Dengan cara ini maka proses muat halaman akan menjadi lebih cepat karena…
JQuery Highlight Text Plugin
jQuery.fn.highlight = function(str, className) { var regex = new RegExp(str, "gi"); return this.each(function() { $(this).contents().filter(function() { return this.nodeType == 3 && regex.test(this.no…