Jika pada artikel sebelumnya saya sudah menulis tentang cara menampilkan halaman dengan 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 the rest of this entry »

Tags: ajax, form, html, javascript, jQuery, pemrograman, PHP, post, Programming, submit, Tutorial, validasi, web

jQuery dan MooTools adalah salah dua Framework JavaScript yang ada di dunia ini. 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.

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

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

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

Read the rest of this entry »

Tags: conflict, framework, javascript, jQuery, konflik, MooTools, pemrograman, Programming, Tutorial, web

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 the rest of this entry »

Tags: add-ons, Browser, Firefox, install, themes, Tutorial

Transaksi di database sebenarnya adalah hal yang sangat penting, apalagi 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.

Ini adalah contoh penggunaan transaksi menggunakan database library ADOdb

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?php
$db->StartTrans();
 
$db->Execute("INSERT INTO payment ...");
$db->Execute("INSERT INTO payment_item ...");
$db->Execute("INSERT INTO payment_item ...");
 
$ok = $db->CompleteTrans();
 
if ($ok) {
	echo 'sukses';
} else {
	echo 'gagal';
}
?>

Read the rest of this entry »

Tags: adodb, BDB, Database, InnoDB, MyISAM, mysql, pemrograman, PHP, Programming, transactions, transaksi, Tutorial, web

AJAX adalah sebuah teknik pemrograman yang memungkinkan kita melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dipanggil ulang hanya untuk mengganti sebagian kecil dari isi halaman.

Terimakasih kepada framework jQuery, proses development ajax bisa menjadi lebih mudah.
Salah satu fungsi di jQuery untuk mempermudah penggunaan ajax adalah fungsi load(), yang memiliki 3 buah parameter sbb:

load(url, params, callback)

keterangan:

• url (String): URL dari file html yang akan di load
• params (Object): Data yang akan dikirimkan ke server (optional)
• callback (Function): Fungsi yang akan dijalankan ketika data berhasil di load (optional)

Read the rest of this entry »

Tags: ajax, ajax sederhana, html, javascript, jQuery, pemrograman, PHP, Programming, simple ajax, Tutorial, web

jQuery Validation Plugin adalah sebuah plugin jQuery yang berfungsi untuk mempermudah validasi form client-side. Cara penggunaannya adalah dengan memanggil script jquery dan jquery-validate di dlm kode html anda (biasanya diletakkan di bagian head) :

1
2

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

Ketikkan script validate nya:

1
2
3
4
5

<script type="text/javascript">
$().ready(function() {
	$("#FormRegistrasi").validate();
})
</script>

Di mana FormRegistrasi adalah id dari form yg akan divalidasi.

1

<form id="FormRegistrasi" method="post">

Kemudian di bagian input yg akan kita beri validasi tambahkan class=”required”

1
2
3
4

Nama:
<input type="text" name="nama" class="required" />
Alamat:
<input type="text" name="alamat" class="required" />

Read the rest of this entry »

Tags: form, html, javascript, jQuery, pemrograman, Programming, Tutorial, validasi, validate, validation, web

Pertama, anda harus mendownload dulu ImageResizerPowertoy dari halaman ini.

Ukurannya sekitar 520 KB. Setelah berhasil mendownload, install file tsb. Bagaimana cara menginstallnya? Mudah. Tinggal doubleclick file tsb, kemudian tekan Next Next Next Next dan Next.

Setelah selesai install, masuklah ke Windows Explorer, pilih file gambar yang akan di-resize, tekan klik kanan dan pilih Resize Pictures.

Read the rest of this entry »

Tags: batch resize, bmp, freeware, gambar, gif, image, jpg, pixels, png, powertoy, resize, Software, Tutorial, windows