Script Menghitung Otomatis dengan PHP dan AjaX

Selama ini yang saya cari akhirnya ketemu juga. Kali ini saya akan memposting script yang dapat menghitung otomatis dengan PHP dan AjaX..

Sebenernya script ini bukan murni hasil saya, script ini saya peroleh dari browsing yang seharusnya script ini untuk metode pencarian data...

Tapi saya sedikit merubah script ini untuk bisa menghitung otomatis...

Hehe'

Oke, langsung saja...

Ambil script di bawah ini terus simpan dengan nama hitung.php

<script language='JavaScript'> var ajaxRequest; function getAjax() //fungsi untuk mengecek AJAX pada browser { try { ajaxRequest = new XMLHttpRequest(); } catch (e) { try { ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("Your browser broke!"); return false; } } } } function autoComplete() //fungsi menangkap input search dan menampilkan hasil search { getAjax(); input = document.getElementById('jml').value; jmlh = input - document.getElementById('inputan').value; if (input == "") { document.getElementById("hasil").innerHTML = "";} else { ajaxRequest.open("GET","h_proses.php?jmlh="+jmlh); ajaxRequest.onreadystatechange = function() { document.getElementById("hasil").innerHTML = ajaxRequest.responseText; } ajaxRequest.send(null); } } </script> <br /> <table width="350" align="center" style="font-family:'Trebuchet MS'; font-size:14px" ><tr> <td><br /> <input name="text" type="text" id="jml" style="font-size:14px; font-family:'Trebuchet MS'; background-color:#F4F4F4" size="7" align="right" />  -  <br /> <input name="text" type='text' id='inputan' style="font-size:14px; font-family:'Trebuchet MS'; background-color:#F4F4F4" onkeyup="autoComplete();" size="7" align="right"/><br /> <br/>Hasil :<br /> <div id='hasil'></div></td></tr> </table>

kemudian, simpan file di bawah ini dengan nama h_proses.php

<br /> <? { $input = $_GET['jmlh']; ?><br /> <input type="text" readonly="readonly" value="<? echo $input ?>" style="font-size:14px; font-family:'Trebuchet MS'; background-color:#F4F4F4"/> <!-- hasil search --><br /> <?php } ?><br />

lalu, simpan kedua file tersebut dalam satu folder...

Semoga script ini bermanfaat.., jika script ini berhasil silahkan beri komentar..

Sumber : http://shaefacode.blogspot.com/2011/04/script-menghitung-otomatis-dengan-php.html