Gatot Ari Wibowo’s Weblog

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

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 more

jQuery Validation 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">
$(document).ready(function() {
	$("#myForm").validate();
})
</script>

Di mana myForm adalah id dari form yg akan divalidasi.

1
2

<form id="myForm" method="post">
</form>

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 more