|
 |
| |
ขอ code หรือแนวทางการแสดงข้อมูลจาก database เมื่อเมาส์ชี้หน่อยค่ะ |
| |
 |
|
|
 |
 |
|
ใช้ jQuery .mouseOver ในการเรียก ajax เอาครับ
|
 |
 |
 |
 |
| Date :
2014-01-08 00:11:08 |
By :
Krungsri |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
พอจะมีตัวอย่างไหมค่ะ พอดีเป็นมือใหม่อ่าค่ะ
|
| |
|
|
| |
| Date :
2014-01-08 00:56:31 |
By :
โจ๊ะ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไฟล์ที่ 1 (เอาไว้ให้เอาเมาส์ชี้ และส่งค่าไปเรียกข้อมูล)
Code (PHP)
<!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>
ไฟล์ที่ 2 เอาไว้รับข้อมูลจากไฟล์ที่ 1 ที่ส่งค่าตัวแปรมา
Code (PHP)
<?php
//ตรงนี้อย่าลืม connect database
if(isset($_POST['data_id'])) {
$data_id = $_POST['data_id'];
//จากนั้นก็เอาค่าตัวแปรมา select จาก database ตามชื่อ table และ ฟิลดิ์ ที่ต้องการ
//ตรงนี้เป็นตัวอย่างการ echo ค่ากลับไปแสดง
echo "123...".$data_id;
}
else {
echo "no";
}
?>
|
ประวัติการแก้ไข
2014-01-08 08:22:27
| |
|
|
| |
| Date :
2014-01-08 08:21:44 |
By :
pantatonic |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อันที่จริงควรจะโหลดข้อมูลมาเก็บไว้ก่อนครับ เพราะจะสามารถทำงานได้เร็วกว่า Ajax ครับ
|
| |
|
|
| |
| Date :
2014-01-08 09:16:46 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันไม่ขึ้นอ่าค่ะ เอาpathไฟล์jquery อันไหนค่ะ @-@
|
| |
|
|
| |
| Date :
2014-01-09 23:24:09 |
By :
โจ๊ะ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอตัวอย่างแบบละเอียดหน่อยได้ไหมค่ะ แหะๆๆ พอดีไม่ค่อยรู้เรื่อง ต้องทำส่งครูอ่าค่ะ T^T
|
| |
|
|
| |
| Date :
2014-01-09 23:26:41 |
By :
โจ๊ะ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
path ของ jquery เอามาจากนี่ก็ได้ครับ
Code (JavaScript)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
แต่จริงๆ ควรทำอย่างที่ TC Admin บอกนะครับ เอามาเก็บไว้ก่อน อาจจะใส่ hiddenField ไว้ก็ได้ หรือ เอามาแล้วใช้ css ซ่อนไว้ก่อน
|
| |
|
|
| |
| Date :
2014-01-10 08:28:57 |
By :
pantatonic |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
