jquery form ajax tutorial

Post at Sat, 16.April.2011 12:34:45 PM . 2168 Hits . 1 Comment

Berikut tutorial untuk membuat form AJAX sederhana dengan menggunakan jquery (salah satu javascript framework).

Tahap 1.siapkan html file seperti dibawah ini , save dengan nama index.htm

<html>
<head>
<title>Tutorial</title>

<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
</head>

<body>

<form name="form1" method="post" action="">
<div>Nama : <input type="text" name="nama" id="nama"> </div>
<div>Umur :<input type="text" name="umur" id="umur"> </div>
<div>Email :<input type="text" name="email" id="email"> </div>
<input name="btnSave" id="btnSave" type="button" value="Save">
<div id="loading-box" style="display:none;">Loading...</div>
</form>
</body>

</html>

Pada tahap ini,....

[ READ MORE ]
 

Animate Page Title using Javascript

Post at Sat, 05.January.2008 12:13:21 PM . 3072 Hits . 1 Comment
Kamu mungkin sering melihat website yang title website-nya bergerak atau beranimasi. Nah,  sekarang saya akan sharing dikit mengenai animasi sederhana menggunakan Javascript. Bagi yang pernah memakai C/C++, membuat animasi dapat menggunakan "delay" .  Sedangkan pada  Javascript  disediakan  fungsi yang mirip dengan "delay"   yaitu :&...[ READ MORE ]
 

Hide / Unhide Content using Javascript

Post at Thu, 03.January.2008 10:11:56 PM . 1902 Hits . 0 Comment
Kadangkala saat membuat website kita dihadapkan dengan masalah tempat yang terbatas, sedangkan banyak content atau module yang ingin kita taruh di website kita. Nah, sekarang gimana caranya agar semua content tetap bisa tampil tanpa membuat halaman website terlihat terlalu ramai.  Salah satu cara adalah ...[ READ MORE ]
 

Javascript must be Enabled !!

Post at Sat, 07.October.2006 09:59:05 PM . 1521 Hits . 2 Comments
Bagi yang sudah sering buat website mungkin sudah tau cara ini. Tapi saya akan share sedikit bagi yang belum tau. Mungkin kalian sering dihadapkan dengan kondisi dimana membuat website yang mengharuskan Javascript-nya aktif, entah itu untuk validasi, AJAX, dan fungsi lainnya. Memang kebanya...[ READ MORE ]