PHP AJAX
Posted on July 26, 2012 by ghantexs16
Rate This
iseng iseng di suatu grup ada yang ngasih tantangan logika pemrograman
dengan kriteria membuat program gaji, kurang lebih pertanyaan seperti
berikut :
buatlah form untuk memasukan jumlah jam kerja selama sehari seorang
karyawan Commit dan buatlah combobox untuk memilih golongannya.
setalah di submit akan tampil upah bayaran yang di trima serta jumlah jam
lembur karyawan tersebut serta jenis golongannya.
1. Pastikan kita memiliki file Jquery.js, bagi yang belum bisa di download
di Jqury.com
2. Butlah file dengan nama index.html
<!DOCTYPE html>
<html>
<head>
<title>Program Gaji</title>
<script src=jquery.js></script>
<script>
$(document).ready(function(){
$(#hitung).click(function(){
var nama=$(#nama).val();
var lembur=$(#lembur).val();
var golongan=$(#golongan).val();
$.ajax({
type:post,
url:proses.php,
data:nama=+nama+&lembur=+lembur+&golongan=+golongan,
success:function(html){
$(#hasil).html(html);
}
});
});
});
</script>
</head>
<body>
<table width=30%>
<colgroup>
<col style=background: green; span=1>
<col style=background: yellow;>
</colgroup>
<tr>
<td colspan=2><h1 align=center>Aplikasi Gaji</h1></td>
</tr>
<tr>
<td>Nama</td>
<td> : <input type=text id=nama name=nama required></td>
</tr>
<tr>
<td>Golongan</td>
<td> : <select name=golongan id=golongan>
<option value=A>Golongan A</option>
<option value=B>Golongan B</option>
<option value=C>Golongan C</option>
</select></td>
</tr>
<tr>
<td>Lembur</td>
<td> : <input type=text name=lembur id=lembur required>
/Jam</td>
</tr>
<tr>
<td></td>
<td><input type=submit value=Hitung id=hitung></td>
</tr>
</table>
<div id=hasil></div>
</body>
</html>