ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: Kizmo ที่ 03 กันยายน 2010, 16:56:42



หัวข้อ: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: Kizmo ที่ 03 กันยายน 2010, 16:56:42
ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า

หรือโชว์ข้อมูลใหม่ทันทีโดยไม่ต้อง refresh หน้า

ไม่มีความรู้ด้าน ajax, jquery เลยครับ


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: kitazawa1st ที่ 03 กันยายน 2010, 17:59:33
นั่นน่ะสิ อยากรู้เหมือนกัน

ที่เห็นชัดๆก็มีเฟสบุคที่ทำ

ปูเสื่อรอเก็บความรู้

 :-[


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: ayeweb ที่ 03 กันยายน 2010, 18:08:03
อยากทราบเหมือนกันครับ เม้นทีไร รีหน้าตลอดเลย


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: WPDSign ที่ 03 กันยายน 2010, 18:18:29
ขอทิ้งข้อความหน่อยครับ อยากรู้เหมือนกัน
 
หรือไม่ลองหาตัวอย่างที่ใกล้เคียงนี้ดูครับ
-http://www.ninenik.com

ขออนุญาตเจ้าของเว็บน่ะครับ
ยทความดีๆ


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: sskzclub ที่ 03 กันยายน 2010, 19:02:53
อยากรู้เหมือนกัน ครับ ตอนนี้ มีบริการ วิทยุออนไลน์ แล้วอยากได้กล่องขอเพลง

ทำฟอร์มได้แล้ว แต่ไม่สามารถ ให้รายการ เพลง มันอัพเดต หรือ รีเฟรช ตลอด


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: navico ที่ 03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
 :wanwan044:


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: kitazawa1st ที่ 03 กันยายน 2010, 20:11:01
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
 :wanwan044:

ไม่คุ้มกับ BW ครับ


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: kinkow ที่ 03 กันยายน 2010, 21:19:16
อยากรู้เหมือนกันครับ ปูเสื่อ  :P


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข$
เริ่มหัวข้อโดย: thai2ads ที่ 03 กันยายน 2010, 22:06:21
อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ jquery เอานะครับ
สร้าง 3 ไฟล์ ดังนี้
test.php << เป็นไฟล์ที่แสดงข้อมูล
time.php << แสดงข้อมูลที่ jquery ไปดึงมาแสดงตามระยะเวลาที่กำหนดไว้ครับ
jquery.js << อันนี้หาดาวน์โหลดในเว็บไซต์ของ jquery ได้เลยครับ

กำหนดเวลาได้ที่คำสั่ง setTimeout("getRefresh();", 1000); นะครับ ตัวเลข 1000=1วินาที ปรับตรงนี้ได้เลยอยากได้กี่นาทีก็คูณเข้าไปนะครับ
ไฟล์
test.php
อ้างถึง
<html>
<head>
<script src="jquery.js"></script>

<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
      $("#autoRefresh").load("time.php", '', callback);
}

function callback() {
      $("#autoRefresh").fadeIn("slow");
      setTimeout("getRefresh();", 1000);
}

$(document).ready(getRefresh);
</script>
</head>
<body>
Time No Refresh =
<?
echo date("H:i:s");
?>
<br>
Auto Refresh =
<div id="autoRefresh">
<?
echo date("H:i:s");
?>
</div>
</body>

ไฟล์ time.php
อ้างถึง
<?
echo date("H:i:s");
?>

ผิดพลาดประกาศใดขออภัยด้วยนะครับ


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: Fallen ที่ 03 กันยายน 2010, 22:20:12
ตั้งเวลา รีเฟรช

อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: thai2ads ที่ 03 กันยายน 2010, 22:47:58
ตั้งเวลา รีเฟรช

อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>

อันนี้มัน Refresh ทั้งหน้าครับผม ต่างกันครับแต่ที่ จขกท. อยากได้นั้นให้มัน Refresh เฉพาะบ้างจุดเท่านั้นเช่นตัวอย่าง comment facebook อ่ะครับจะ Refresh เฉพาะที่ comment ครับผม


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข$
เริ่มหัวข้อโดย: navico ที่ 03 กันยายน 2010, 23:03:41
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
 :wanwan044:

ไม่คุ้มกับ BW ครับ

เปลืองแบนวิดอย่างไรครับ ขยายความหน่อย

ผมไม่ได้รีเฟรชทั้งหน้านะ แค่ให้ JS ส่งรีเควสไปดึงข้อมูลอัพเดตมาอ่ะครับ
ผมกลับไปกังวลเรื่อง Process มากว่า แบนวิด นะเนี่ย....
 :wanwan044:


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: kitazawa1st ที่ 03 กันยายน 2010, 23:17:35
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
 :wanwan044:

ไม่คุ้มกับ BW ครับ

เปลี่ยนแบนวิดอย่างไรครับ ขยายความหน่อย

ผมไม่ได้รีเฟรชทั้งหน้านะ แค่ให้ JS ส่งรีเควสไปดึงข้อมูลอัพเดตมาอ่ะครับ
ผมกลับไปกังวลเรื่อง Process มากว่า แบนวิด นะเนี่ย....
 :wanwan044:

ครับ  :-[


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข$
เริ่มหัวข้อโดย: kinkow ที่ 04 กันยายน 2010, 00:16:01
อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ jquery เอานะครับ
สร้าง 3 ไฟล์ ดังนี้
test.php << เป็นไฟล์ที่แสดงข้อมูล
time.php << แสดงข้อมูลที่ jquery ไปดึงมาแสดงตามระยะเวลาที่กำหนดไว้ครับ
jquery.js << อันนี้หาดาวน์โหลดในเว็บไซต์ของ jquery ได้เลยครับ

กำหนดเวลาได้ที่คำสั่ง setTimeout("getRefresh();", 1000); นะครับ ตัวเลข 1000=1วินาที ปรับตรงนี้ได้เลยอยากได้กี่นาทีก็คูณเข้าไปนะครับ
ไฟล์
test.php
อ้างถึง
<html>
<head>
<script src="jquery.js"></script>

<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
      $("#autoRefresh").load("time.php", '', callback);
}

function callback() {
      $("#autoRefresh").fadeIn("slow");
      setTimeout("getRefresh();", 1000);
}

$(document).ready(getRefresh);
</script>
</head>
<body>
Time No Refresh =
<?
echo date("H:i:s");
?>
<br>
Auto Refresh =
<div id="autoRefresh">
<?
echo date("H:i:s");
?>
</div>
</body>

ไฟล์ time.php
อ้างถึง
<?
echo date("H:i:s");
?>

ผิดพลาดประกาศใดขออภัยด้วยนะครับ


คืออยากจะรบกวนเพิ่มอีกหน่อยได้ใหมครับว่า

ถ้าเราอยากเพิ่มเงื่อนไขว่า ให้เช็คก่อนว่ามีข้อมูลเปลี่ยนแปลงป่าว แต่ถ้าไม่เปลี่ยนแปลงให้อยู่เฉยๆไม่ต้องรีเฟรชอ่ะครับ

แต่ถ้าเช็คแล้วมีข้อมูลเปลี่ยนแปลง ค่อยรีเฟรชข้อมูลอ่ะครับ ทำได้ใหมครับ

ปล. 13 บวก 1 = 14


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: bouy22 ที่ 04 กันยายน 2010, 00:16:59
ขอเมมกระทู้นิดนึงครับ.


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: moohooooo ที่ 04 กันยายน 2010, 03:56:18
 ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ

http://www.ape-project.org/

http://www.ape-project.org/demos/ อันนี้ตัวอย่าง


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: Kizmo ที่ 04 กันยายน 2010, 07:25:44
ขอทิ้งข้อความหน่อยครับ อยากรู้เหมือนกัน
 
หรือไม่ลองหาตัวอย่างที่ใกล้เคียงนี้ดูครับ
-http://www.ninenik.com

ขออนุญาตเจ้าของเว็บน่ะครับ
ยทความดีๆ


โค๊ด:
http://www.ninenik.com/%E0%B9%81%E0%B8%99%E0%B8%A7%E0%B8%97%E0%B8%B2%E0%B8%87_%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%94%E0%B8%B6%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5_%E0%B9%81%E0%B8%9A%E0%B8%9A_real_time_%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2_ajax_%E0%B9%83%E0%B8%99_jQuery_-284.html

หน้านี้ได้แนวทางที่ดีเลยทีเดียวครับ

:wanwan003:
 


หัวข้อ: Re: ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
เริ่มหัวข้อโดย: kitazawa1st ที่ 04 กันยายน 2010, 10:27:12
ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ

[url]http://www.ape-project.org/[/url]

[url]http://www.ape-project.org/demos/[/url] อันนี้ตัวอย่าง


+1  :wanwan011: :wanwan011: :wanwan011: