Gatot Ari Wibowo’s Weblog

CSS Specificity menentukan seberapa spesifik kah sebuah aturan pada CSS. Jika ada 2 atau lebih aturan pada sebuah elemen yang sama, maka aturan paling spesifiklah yang akan dipakai oleh browser.

Nilai specificity pada CSS bisa dihitung sbb:

• Element Selector, yaitu selector yang berupa tag-tag html, contohnya div, ul, li, a
  nilai specificity = 1 (0,0,1)
• Class Selector, yaitu selector yang diawali dengan tanda titik, contohnya .menu untuk elemen dengan class="menu"
  nilai specificity = 10 (0,1,0)
• ID Selector, yaitu selector yang diawali dengan tanda #, contohnya #sidebar untuk elemen dengan id="sidebar"
  nilai specificity = 100 (1,0,0)

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

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

Saya sudah mencoba berbagai macam text editor, baik yang berupa freeware maupun commercial. Dari sekian banyak pilihan, hanya beberapa yang cocok untuk keperluan saya. Salah satunya adalah Notepad++. Software ini memiliki banyak fasilitas yang sangat membantu untuk mengedit teks, script, source code, ataupun hanya sekedar untuk melihat file txt. Ukurannya cukup kecil namun memiliki fasilitas sangat lengkap sebagai text editor

Read more