Gatot Ari Wibowo’s Weblog

Ini adalah contoh cara mengimplementasikan tutorial Form Ajax Menggunakan jQuery untuk membuat sebuah shoutbox sederhana. Setidaknya contoh ini bisa lebih berguna daripada hanya sekedar menampilkan data yang barusan disubmit, seperti pada contoh tutorial tersebut.

Data yang disubmit dari form akan dimasukkan ke dalam database MySQL. Untuk itu perlu dibuat database dan tabelnya. Cukup 1 buah tabel saja supaya simple. Rancangan tabelnya seperti ini:
Read more

Kalau sebelumnya saya sudah menulis tentang cara menampilkan halaman menggunakan Ajax (menggunakan fungsi load() pada jQuery), maka kali ini adalah contoh penggunaan Ajax untuk mengirimkan data dalam sebuah form dan memprosesnya. Salah satu kelebihan menggunakan form berbasis Ajax dibandingkan form konvensional adalah: kita tidak perlu meninggalkan form selama form dikirimkan/diproses.

Untuk contoh ini, saya menggunakan dua buah file, yang pertama adalah file ajaxform.html untuk menampilkan form nya, dan file proses.php untuk memproses data yang dikirimkan dan menampilkan hasilnya.
Read more

jQuery dan MooTools adalah salah dua Framework JavaScript yang banyak digunakan. Masing-masing memiliki kelebihannya sendiri-sendiri (Untuk detail feature masing-masing framework silakan cek sendiri di website mereka). Lalu bisakah kita menggunakan keduanya secara bersamaan? Tentu saja bisa.

Yang harus diperhatikan adalah bahwa jQuery menggunakan tanda $ sebagai shortcut untuk pemanggilan jQuery, sedangkan MooTools pun menggunakan $() sebagai shortcut untuk mempersingkat document.getElementById().

Jika kita meload jQuery dan MooTools secara bersamaan di satu halaman, maka bisa dipastikan bakalan terjadi konflik di antara keduanya.

Namun untungnya, kunci untuk mengatasi masalah tersebut sudah disediakan oleh jQuery, yaitu dengan menjalankan script jQuery.noConflict() setelah jQuery diload.
Read more

Caranya sebenarnya mudah sekali. Tidak perlu menginstall aplikasi tambahan apapun.

• Bukalah jendela Themes melalui menu Tools -> Add-ons, kemudian pilih Themes.
• Buka Windows Explorer, dan cari folder tempat anda meletakkan file-file themes Firefox.
• Drag and drop file theme tersebut ke jendela Themes
• Setelah berhasil, Firefox harus di restart dulu supaya theme tersebut bisa berfungsi.
• Selesai. Hehehe, mudah kan?

Read more

Transaksi di database adalah hal yang cukup penting, terutama ketika kita sedang membangun aplikasi yang kompleks, melibatkan banyak tabel yang saling berhubungan.

Transaksi digunakan saat kita menjalankan beberapa query sebagai satu kesatuan, untuk memastikan bahwa semua query tersebut berhasil dijalankan. Jika ada 1 saja query yang gagal, maka semua query seharusnya dibatalkan. All Or Nothing.

Berikut ini adalah contoh penggunaan transaksi menggunakan database library ADOdb
Read more