View Plain Code
View Plain Code $('pre').each(function() { // Sisipkan elemen pemicu jendela munculan $(this).addClass('viewplain').append('<a href="#" class="plain">View Plain</a>'); }); // Saat pemicu jendela munc…
jQuery Custom Checkbox
Salah satu hal yang tidak kita sukai jika kita sedang berhadapan dengan elemen formulir adalah elemen checkbox dan radio. Tampilan mereka tidak mudah dimodifikasi dengan CSS. Oleh karena itu kita haru…
Modifikasi Tombol Back-to-Top menjadi Auto-Hide
Seseorang pernah menanyakan tentang bagaimana cara membuat tombol smooth scroll back to top yang bisa tersembunyi saat halaman belum digulung, dan saat halaman mulai digulung, tombol tersebut akan mu…
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…
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:…