<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <!-- ตรงนี้ include ไฟล์ jquery เข้ามาก่อนนะครับ --> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> function sum() { var num_1 = $("#txt_1").val(); var num_2 = $("#txt_2").val(); var num_result = ""; $.ajax({ type : "POST", url : "b.php", data : "num_1="+num_1+"&num_2="+num_2, cache:false, success: function(data) { $("#txt_result").val(data); } }) } </script> </head> <body> <input type="text" name="txt_1" id="txt_1" onkeyup="JavaScript :sum();" /> <br /> <input type="text" name="txt_2" id="txt_2" onkeyup="JavaScript :sum();" /> <br /> <br /> <input type="text" name="txt_result" id="txt_result" /> </body> </html>
<?php if(isset($_POST['num_1'])) { $num_1 = $_POST['num_1']; $num_2 = $_POST['num_2']; $num_result = $num_1 + $num_2; echo $num_result; } ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง