• Home
  • /
  • Category Archives: JQuery

Auto Click Object dengan Timer Menggunakan JQuery dan Javascript

Artikel ini direquest oleh salah satu pengunjung blog ini, yang memanfaatkan layanan article by request. Artikel yang diminta adalah tutorial bagaimana membuat script yang secara otomatis melakukan klik pada suatu obyek tertentu dalam sebuah laman web berdasarkan waktu yang telah ditentukan.

Sebagai contoh misalkan di laman web tersebut terdapat dua buah gambar, misal image1 dan image2. Selanjutnya diharapkan secara otomatis ada sebuah script yang mengklik image1 pada waktu tertentu, dan juga akan mengklik image2 pada waktu yang lain.

Untuk solusi permasalahan tersebut, kita bisa menggunakan jQuery dan Javascript.

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.

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

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.

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.