Cara Mudah Mempercantik Tooltips dengan Bootstrap dan JQuery

Setelah kemarin membahas tentang penerapan bootstrap di navigasi paging, kini saya akan membahas tentang bagaimana cara membuat tooltips keren dengan sangat mudah menggunakan kombinasi bootstrap dan jQuery. Bootstrap lagi.. bootstrap lagi… iya maklum, soalnya saya lagi demen nih bootstrap karena terus terang saya gak punya jiwa seni dan desain web. Untungnya ada bootstrap sehingga saya tidak perlu pusing pusing bikin style css nya. Cukup gunakan yang sudah ada saja.

Oya, apa itu tooltips? tooltips adalah informasi yang muncul ketika mouse dikenakan pada suatu obyek. Perhatikan contoh tooltips berikut ini

 photo tooltips01_zpsea4cca2e.jpg

OK dah paham ya apa itu tooltips. Selanjutnya dalam artikel ini kita akan memodifikasi tampilan tooltips tersebut supaya lebih cantik menggunakan Bootstrap dan jQuery. Ini dia tampilan yang diharapkan…

 photo tooltips02_zps565e9440.jpg

Continue reading “Cara Mudah Mempercantik Tooltips dengan Bootstrap dan JQuery”

Membuat Shortcut Action Di Halaman Web dengan JQuery

Di dalam aplikasi desktop, seringkali kita mendengar istilah shortcut action untuk proses-proses tertentu. Sebagai contohnya adalah CTRL+P untuk proses mencetak halaman, CTRL+N membuat dokumen baru, CTRL+S untuk menyimpan dokumen dsb. Nah… bagaimana dengan aplikasi web??? apakah bisa kita menambahkan shortcut ke dalam aplikasi web kita? Misalkan kita ingin membuat shortcut F6 untuk mencetak halaman dari aplikasi web yang kita buat, atau kita ingin membuat beberapa shortcut untuk membuka beberapa halaman web. Misalkan CTRL+1 untuk membuka situs A, CTRL+2 untuk situs B, dst. Hal ini bisa kita wujudkan dengan mudah, dengan bantuan JQuery.

Continue reading “Membuat Shortcut Action Di Halaman Web dengan JQuery”

Cara Validasi Form dengan JQuery

Kali ini, di blog tutorial ini saya mencoba menuliskan artikel tentang JQuery. Artikel-artikel yang akan saya tulis nantinya membahas seputar plugin-plugin jQuery. Dalam artikel ini, saya akan membahas plugin JQuery untuk memvalidasi form. Dengan adanya plugin ini, seseorang yang melakukan input ke dalam sebuah form HTML akan mengetahui komponen mana dari form yang harus diisi karena akan muncul peringatan otomatis bahwa ada komponen yang belum diisi atau format isian yang salah misalnya email atau URL.

Continue reading “Cara Validasi Form dengan JQuery”