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 […]

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. […]

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 […]

combobox berbasis ajax

Kadang data propinsi dan kabupaten di pakai untuk keperluan yang lain yang dipakai bersamaan dalam sebuah form, misalkan kita ingin membuat form pendaftaran mahasiswa. DI form ini ada combo propinsi dan combo kabupaten. Namun combo kabupaten akan tampil sesuai dengan propinsi yang terpilih. Misalkan di combo propinsi saya memilih Yogyakarta, maka otomatis combo kabupaten hanya […]

Mengurutkan data tabel dengan jQuery

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 […]

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 […]

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 […]

Membuat Grafik Chart menggunakan PHP + Highchart

Ini adalah tutorial keempat yang membahas materi highchart. perbedaan dengan tutorial sebelumnya, kali ini kita akan menggunakan data yang tersimpan didalam MySQL sebagai sumber data untuk grafik yang akan kita buat. Kalau direview ulang, data di tutorial sebelumnya diletakan manual di code javascriptnya. Nah, kali ini saya akan menunjukan cara membuat grafik berbasis web dengan […]