<!----- Main File ------------------> <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> $(document).ready(function(){ $('#num2').blur(calculation); //เมือนำ เคอร์เซอร์ออกจากช่อง text id=num2 ให้ทำ function calculation }); function calculation(){ var url = "calculation.php"; /*ส่งค่าไป calculation.php แล้วส่งค่ากลับมา*/ var params = $('#form').serialize(); $.post(url, params, function(data){ $('#result').html(data); }); myCopy(); /*คำนวณเสร็จแล้วให้ทำการ copy แถวนั้นแล้วเอาไปต่อท้ายตางราง*/ } function myCopy(){ var myElement = $('#addRow').clone(); myElement.appendTo('table'); } </script> </head> <body> <table border="1" align="center" cellspacing="0" width="500"> <tr align="center"> <th colspan="3">การคููณ</th> </tr> <tr align="center"> <th>ตัวตั้ง</th> <th>ตัวคูณ</th> <th>ผลลัพท์</th> </tr> <form name="form" method="post" id="form"> <tr id="addRow" align="center"> <td><input name="num1" type="text" id="num1" size="10" maxlength="10" /></td> <td><input name="num2" type="text" id="num2" size="10" maxlength="10" /></td> <td id="result"></td> </tr> </form> </table> </body> </html> <!----- Ajax File ------------------> <?php $qty = $_POST[qty]; $rate = $_POST[rate]; echo $qty * $rate; ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
