<!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> <script type="text/javascript" src="......................."></script><!--ตรงนี้ให้เอาpathไฟล์jqueryมาใส่--> <script type="text/javascript"> $(document).ready(function() { $("#test_1").mouseover(function() { $.ajax({ type : "POST", url : "call_data.php", cache : false, data : "data_id=1", //สมมุติว่าส่งค่าตัวแปรชื่อว่า data_id ไป มีค่าเป็น 1 success: function(data) { $("#result").html(data); } }); }); }); </script> </head> <body> <div id="test_1">เอาเมาส์วางตรงนี้</div> <br /> <div id="result"></div> </body> </html>
<?php //ตรงนี้อย่าลืม connect database if(isset($_POST['data_id'])) { $data_id = $_POST['data_id']; //จากนั้นก็เอาค่าตัวแปรมา select จาก database ตามชื่อ table และ ฟิลดิ์ ที่ต้องการ //ตรงนี้เป็นตัวอย่างการ echo ค่ากลับไปแสดง echo "123...".$data_id; } else { echo "no"; } ?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
