Coding AJAX yuk.. (Chapter1)

Wakakakakakakaa…. pake Chapter segala.. kayak apa aja…. tapi tak apa-apalah.. biar keren. Mari kita belajar AJAX, apa itu AJAX??.. kepanjangan dari Asynchrounouse Javascript and XML.
apa itu asynchrounouse??…
adalah sebuah proses mengirim dan menerima data antara client-server tanpa perlu me-load seluruh halaman. Lalu…. eh, kalo tentang pengertiannya.. kalian Googling aja dink. mari kita menuju coding nya…..

Pada koding bagian pertama ini akan saya bahas mengenai property yang bisa digunakan untuk menjalankan AJAX… jadi kita konsen dulu ke HTML-nya.

mari kita buat duulu… sebuah halaman HTML…..

<table>
<tr>
<td width=”200″ height=”500″>
<a href=”#”  onclick=”menu(1)”>Menu 1</a> <br/>
<a href=”#”  onclick=”menu(2)”>Menu 2</a> <br/>
<a href=”#”  onclick=”menu(3)”>Menu 3</a> <br/>
</td>
<td width=10></td>
<td width=”400″ height=”500″>
<div id=”txtHint”>

Silahkan Klik menu disamping
</div>
</td>
</tr>
</table>

Oke…. telah kita buat sebuah halaman HTML. Ada sebuah side menu dan kolom utama. Mari kita bahas side menu nya dulu… ada beberapa link. Yang mana masing-masing link tersebut terdapat sebuah events onClick. dan setiap events akan menjalankan suatu fungsi.

Apa itu events??… adalah sebuah tindakan yang bisa dilakukan. atau apa ya??.. pokoknya tindakan yang dilakukan. aduh malah bingung sendiri gue…

Jadi events yang saya gunakan disini adalah onClick. dimana dia(events) itu akan menjalankan fungsinya ketika di-klik. dan karena disini adalah link. maka events yang bisa digunakan adalah :

• onClick = bekerja ketika meng-klik suatu object
• onMouseOver = bekerja ketika mouse menyorot link itu
• onMouseDown = tombol mouse diklik
• onMouseOut = Ketika mouse meninggalkan object
• onMouseMove = ketika mouse bergerak
• Apalagi ya??… banyak sebenernya…… hihihihhii….

Itu tadi kalo events yang bisa dikenakan untuk sebuah object… disini saya memberi contoh object berupa link —-><a>. Lalu bagaimana dengan events yang lain??… masih banyak….

• onsubmit = adalah bila tombol submit pada sebuah form diklik
• onload = ketika sebuah halaman di-load
• onunload = ketika user meninggalkan halaman
• onkeyup = adalah sebuah events pada input type=text. akan bekerja jika tombol keyboard diangkat
• onkeypress = events pada input type = text juga. akan bekerja jika tombol keyboard ditekan.
• Masih banyak lagi events yang lain…..

Yup… kali ini.. kita belajar sampai ini dulu.. besok kita akan lanjut tentang fungsi pada javascript. Oke??… sampai jumpa…