[แจกฟรี] 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 เพื่อทำการอ่านข้อมูลจากฐานข้อมูล แล้วมาแสดงผลเป็นวงรอบไปเรื่อยๆ

(1,177)