Memanfaatkan Plugin .highlight() untuk Menandai Kata Kunci Hasil Pencarian
Plugin .highlight() digunakan untuk menandai setiap teks yang telah ditentukan. Penulisannya seperti ini: // $(selektor).highlight('teks', 'kelas'); $('p').highlight('lorem', 'yellow'); Kode di atas a…
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…
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…