คือผมจะทำ List ข้อมูลมาโชว์ที่หน้าMonitor แต่อยากให้มันอัพเดรทตลอดครับ
ขอบคุณล่วงหน้านะครับ เด๋วขอดูพรุ่งนี้เช้าละกัน วันนี้เพลียมาก
Date :
2011-10-26 22:32:21
By :
Nos1001
คุณ Mr.Win ครับ พอดีผมนำไปลองใช้ แต่ว่าข้อมูลมันเยอะมาก มันกระพริบทั้งหน้า เหมือน refresh ตลอดทุก 1 วินาทีเลยครับ มีทางแก้ไขไหมครับ
Date :
2011-11-05 10:06:40
By :
Nos1001
มันมีอันนี้นี่ครับ
โดย setTimeout("doLoop();",2000); 1,000 = 1 วินาที
ก็แก้ไขเอาว่าอยากให้กี่วิเเล้ว refresh
หรือไม่งั้นก็ไปเขียนให้มัน refresh หลังจากที่คุณ insert ข้อมูลเสร็จอ่ะครับ มันก็น่าจะได้แบบที่คุณต้องการนะครับ
Date :
2011-11-05 10:11:43
By :
grandraftz
ผมปรับเป็น 1000 = 1 วิ ให้เวลามันเดินปกติครับ แต่ถ้าปรับมากกว่านั้น มนัจะเดินไม่ทุก 1 วิ มีวิธีทำให้ข้อมูลเปลี่ยนเฉพาะส่วนไหมครับ ไม่อยากให้รีเฟรชเลย เพราะเอาขึ้น monitor
Date :
2011-11-05 10:38:40
By :
Nos1001
ผมยังไม่คอยรู้เรื่องพวก ajax Jquery นะครับ
ใน tutorial นะครับ
บรรทัดที่ 61
อ่ะ
<body Onload="bodyOnload();">
คุณจะเห็น function bodyOnload(); ซึ่ง function นี้ทำหกน้าที่ในการ refresh
เพราะฉะนั้นถ้าคุณต้องการให้มัน refresh ส่วนไหนก้เอาไปไว้ที่ส่วนนั้น
เช่น
<div Onload="bodyOnload();"></div>
Date :
2011-11-05 10:59:23
By :
grandraftz
มันก็ยังโหลดทั้งหน้าอยู่เลยครับ
Date :
2011-11-05 12:13:55
By :
Nos1001
มันจะโหลดเฉพาะส่วนน่ะครับ หรือไม่ลองกำหนดซะ 3000-5000
Date :
2011-11-08 09:39:11
By :
webmaster
<div Onload="bodyOnload();"><?PHP echo "<font color=white>".date("d/m/Y H:i:s")."</font>";?></div> กำหนด 1000
มันยังกระพริบทั้งหน้าอยู่เลยครับ
Date :
2011-11-08 10:58:09
By :
Nos1001
ajax realtime
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=windows-874" />
<title>Untitled Document</title>
</head>
<body>
<div id="showData"></div>
<script type="text/javascript" src="jquery/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
setInterval(function(){ // เขียนฟังก์ชัน javascript ให้ทำงานทุก ๆ 30 วินาที
// 1 วินาที่ เท่า 1000
// คำสั่งที่ต้องการให้ทำงาน ทุก ๆ 3 วินาที
var getData=$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
url:"test_data.php",
data:"rev=1",
async:false,
success:function(getData){
$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
}
}).responseText;
},1000);
});
</script>
</body>
</html>
ส่วน 2
Code (PHP)
<?php
header("Content-type:text/html; charset=UTF-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
if($_GET['rev']==1){
echo date("Y-m-d H:i:s");
exit;
}
?>
เสร็จแล้วไปดาวน์โหลด jquery-1.4.1.min.js มาใส่ด้วยนะครับ
Date :
2011-11-08 13:13:58
By :
Dragons_first
ลองทำดูละครับ ไม่กระพริบ แต่ css font และสิ่งต่างๆเละไปหมดเลยครับ จะจัดคืนยังไงครับ
Date :
2011-11-20 12:19:19
By :
Nos1001
Load balance : Server 05