[แจกฟรี] AJAX Shoutbox พร้อมโค้ด ตอนที่ 1

Shout box เนี่ยน้องๆ Chat เลยละครับ คือมีการโพสต์ข้อความ แล้วก็แสดงผลโดยอัตโนมัติ ข้อดีคือ เมื่อเรากดส่งข้อความ ข้อมูลจะถูกส่งไปบันทึกโดยที่ไม่ต้อง Reload หน้าทั้งหน้าใหม่ นอกจากนี้ในการอ่านข้อความมาแสดง ยังเป็นการอ่านด้วย AJAX อีกที เรียกได้ว่า เพิ่มระบบ User อีกอย่างก็เป็น Chat แล้วละครับ เหมาะสำหรับศึกษาการทำงานของ Chat Room ได้ดีเลยครับ

คุณสมบัติ
  • เก็บข้อมูลในแบบ Text รองรับหลายภาษา
  • เป็น iframe ทำให้สามารถเรียกแสดงบนหน้าอื่นได้
  • สามารถปรับแต่งรูปแบบ (theme) ได้อย่างอิสระ ด้วย CSS ในไฟล์ style.css
  • รองรับการใช้งานบนมือถือ (ที่รองรับ HTML5)
การนำไปใช้งาน ให้ปรับ chmod ให้ไฟล์ /dats/chat.php สามารถเขียนได้
การติดตั้งลงบนหน้าเว็บไซต์เป็นโค้ด IFRAME
<iframe src="shoutbox/index.html" style="border:none;width:100%;height:400px;"></iframe>

หลักการทำงานจะแบ่งออกเป็น 2 ส่วนหลักๆครับ คือส่วนของการโพสต์ และส่วนในการอ่านข้อมูลมาแสดง โดยในส่วนของการโพสต์ข้อความจะเป็นการโพสต์โดย AJAX ไปยัง Server เพื่อบันทึกลงฐานข้อมูล(ไฟล์) เมื่อทำงานเสร็จจะเป็นอันจบกระบวนการในส่วนนี้ และในส่วนที่ 2 เป็นการใช้ AJAX เพื่อทำการอ่านข้อมูลจากฐานข้อมูล แล้วมาแสดงผลเป็นวงรอบไปเรื่อยๆ
zip (1,166)

Related

^