<!DOCTYPE html> <html> <head> <title>jQuery Demo</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script type="text/javascript" > $(document).ready(function() { $('#Add').click(function() { var toAdd = $("input[name=message]").val(); $('#message').append(toAdd + "<br/>"); }); $('#Clear').click( function() { $('#message').empty(); }); }); </script> <body> <form> MESSAGE: <input type="text" name="message" value="พิมพ์ข้อความที่นี่"></form> <button id="Add">Add!</button> <button id="Clear">Clear</button> <br/> <div id="message"></div> </body> </html>
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>jQuery Demo</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script type="text/javascript" > $(document).ready(function() { $('#Add').click(function() { var toAdd = $("input[name=message]").val(); //$('#message').append(toAdd + "<br/>"); $.post('save.php',{'msg': $('#message').val() }, function(data) { $('#result').html(data); }); }); $('#Clear').click( function() { $('#message').empty(); }); }); </script> <body> <form> MESSAGE: <input type="text" name="message" id="message" value="พิมพ์ข้อความที่นี่"></form> <button id="Add">Add!</button> <button id="Clear">Clear</button> <br/> <div id="message"></div> <div id="result"></div> </body> </html>
<?php if(!empty($_POST[msg])){ echo $sql="insert into tb(fieldname)values($_POST[msg])"; //ใส่ query เพื่อ insert เองน่ะครับ } ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง