Tutorial Penggunaan Komponen jQuery UI DatePicker

Datepicker adalah adalah salah satu komponen yang paling banyak ditemui di form yang memerlukan tanggal. Ada banyak komponen input tanggal , namun yang paling populer dan paling mudah implementasinya sejauh ini adalah Jquery UI Datepicker. Selain implementasi yang mudah, kostumasi dari input inipun sangat banyak dan kita akan membahas pada point Opsi opsi yang bisa … Read more

Tutorial Pencarian berbasis jQuery Ajax

Sebelum kita mulai tutorial kali ini, saya ingin menekankan bahwa tutorial seperti ini sebenarnya sangat banyak di internet. Namun karena perkembangan web serta terus berevolusinya teknik ajax ini, maka saya buatkan tutorial pencarian berbasis ajax ini. Catatan penting disini, pencarian ini bukanlah menekankan pada autocomplete, namun teknik menampilkan data ajax dari server ke Form HTML. … Read more

Menampilkan Info Detail berbasis Combobox dan Ajax

Pernahkah anda lihat informasi disebuah website yang muncul setelah kita memilih judul di comboboxnya? Contoh realnya adalah anda memilih judul sebuah film dalam combox, maka informasi detail film yang kita pilih akan muncul dibawahnya. Nah kira kira seperti itulah yang akan kita buat. Secara umum, langkah langkahnya adalah sebagai berikut : 1. Buat tabel film … Read more

Tutorial Pencarian dengan Ajax + PHP

Saat anda mencari dengan Google, anda bisa mendapatkan hasil pencarian bahkan sebelum anda menekan tombol ‘cari’? Betul ga? itu adalah teknologi Google Instant Search. Dalam tutorial ini, kira kira begitulah yang akan kita buat. Alih alih cuma menampilkan autocomplete, kenapa ga sekalian menampilkan hasilnya. Skenenario Sistem yang akan kita buat adalah sistem pencarian data film. … Read more

Tutorial Autocomplete menggunakan jQuery dan PHP

Autocomplete adalah fitur yang sering dipakai dalam sebuah website yang menggunakan fitur pencarian atau input data. Tujuan utama dari fitur ini jelas untuk memudahkan user mencari atau melengkapi data. Sebagai contoh disini, kita akan membuat input autocomplete dengan menggunakan jQuery UI autocomplete. Data autocomplete di ambil dari tabel Country, denga nama database world yang bisa … Read more

Mengurutkan data tabel dengan jQuery

jtablesorter bisa mengurutkan data cukup dengan menklik header table

Table sorter adalah teknik mengurutkan data di table halaman HTML dengan menggunakan jQuery, lebiht tepatnya menggunakan jquery plugin bernama tablesorter. Teknik yang digunakan oleh table sorter murni hanya menggunakan javascript sehingga tidak perlu harus koneksi keserver. Salahsatu website yang menggunakan teknik sorting jenis ini adalah wikipedia.Anda bisa mencoba contohnya disini. Bagaimana caranya? langkah implementasi tablesorter … Read more

Efek Grayscale dengan jQuery

Kemampuan jQuery memang luar biasa. Dari efek animasi, ajax serta ratusan plugin siap pakai membuat sesuatu yang dulu sulit dilakukan sekarang semudah membalik tangan. Salah satu efek yang sekarang sering di pakai adalah efek grayscale pada gambar, saat mouse berada diatas gambar, barulah gambar warna muncul. Jika anda perhatikan, website ini juga menggunakan efek yang … Read more

Validasi Form dengan jQuery

Validasi form adalah hal yang wajib dilakukan dalam setiap pembuatan aplikasi. Ada banyak cara memvalidasi form berbasis web, namun cara yang paling simple dan menarik adalah menggunakan jQuery, lebih tepatnya menggunakan jquey Plugin bernama jQuery validate. Sebelumnya saya pernah membahas tentang validasi form menggunakan class javascript yang bisa anda baca di sini, namun kekurangan dari … Read more

Trend Teknologi Mobile Web

Sekarang ini,website tidak hanya diakses dengan menggunakan browser di desktop, namun juga di akses di tablet ataupun smartphone. Sebagai developer, tentunya kita juga harus update dong, masa cuman buat website standar. Sudah saatnya kita membuat website versi mobile juga. “Ya gue tau, gue harus belajar wap?” hah! hari gini? WAP dah ketinggalan 10 tahun bro, … Read more