ไม่รู้จะตั้งชื่อโปรแกรมว่าอะไร ตั้งว่า mchat ละกัน ตามชื่อเว็บผม music-room
ใช้ javascript และ jQuery ในการเขียน
(AJAX & PHP)
jQuery อยู่ในรูปแบบ $ อย่างเดียว อาจจะไปชนกับ api ตัวอื่นได้ อันนี้ช่วยไม่ได้ ไว้จะปรับปรุงภายหลัง
โปรแกรมนี้ใช้แค่ PHP script ไม่ได้ใช้ ฐานข้อมูลแม้แต่น้อย และอาจใช้ทรัพยากรเครื่องสูงอยู่บ้าง เพราะต้องเขียนไฟล์อยู่ตลอด
และไม่มีระบบจัดการใดๆ ใช้เพียงการตั้งค่าด้วยมือเท่าานั้น ดังนั้นจึงต้องมีความรู้ด้าน PHP และ Javascript บ้างเล็กน้อย
หาความรู้ได้ที่ php.net และ w3school.com
วิธีใช้ / ตั้งค่า
เอาไว้ไหนยังไง
ไฟล์ทั้งหมดจะอยู่ในโฟลเดอ chatroom ส่วนหน้าแสดงผลจะอยู่ข้างนอก(ในที่นี้คือ index.php) จะเอาไว้ในไดเรคทอรี่ไหนก็ได้ แต่รูปแบบต้องเป็นแบบนี้
ในหน้าแสดงผล
ในส่วน <header> ต้องมี.....
<link href="chatroom/chatroom-elements.css" rel="stylesheet" type="text/css" /> //Style sheet ของ แชตตัวนี้
<script type="text/javascript" src="htttttp://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> // jQuery จะใช้จาก google หรือ จะใช้ของตัวเองก็แล้วแต่
<script type="text/javascript" src="chatroom/mchat-apps.js"></script> // Script หลักของ แชตรูม ครับ
<script type="text/javascript">
$(function(){ // ส่วนนี้เอาไว้กำหนด และเริ่ม การทำงาน ของสคริป
mchat.newObject('#main-chatroom'); //คำสั่งสำหรับกำหนดส่วนที่จะแสดงหน้าต่างของห้องสนทนา ใส่ id ของ object ในส่วนที่เป็นสีน้ำเงิน
mchat.userlist.newObj('#main-userlist'); //คำสั่งสำหรับแสดงรายชื่อของคนที่อยู่หน้าแชต **ไม่ใส่ก็ได้
mchat.emoticon.newObj('#main-emoticon'); //คำสั่งสำหรับส่วนของ Emoticon **ไม่ใช้ก็ได้เช่นกัน
mchat.start(); // คำสั่งเริ่มการทำงาน **ไม่ใส่ไม่ได้ -*-
});
</script>
ส่วน <body> ก็ต้องมี...
<div id="main-chatroom"></div>
<div id="main-userlist"></div>
<div id="main-emoticon"></div>
^สามส่วนที่กำหนดใว้ด้านบนนั่นล่ะ
อาจแยก Layout ประมาณนี้ก็ได้
<table width="800" border="1" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="600" bgcolor="#FFCC99"><div id="main-chatroom"></div></td>
<td valign="top" bgcolor="#FFCCCC"><div id="main-userlist"></div></td>
</tr>
<tr>
<td colspan="2" valign="top" bgcolor="#FFFFCC"><div id="main-emoticon"></div></td>
</tr>
</table>
---ในส่วนของไฟล์ mchat-apps.js มีการตั้งค่าดังนี้ ---
mchat.val['maxmsg'] คือ จำนวนข้อความที่แสดงได้สูงสุด เพื่อคืน Ram ให้ระบบ กันหน้าเว็บค้าง
mchat.val['refresh_rate'] คือ อัตราการ refresh ข้อความ หน่วยเป็น millisecond 4000-5000ms หรือ 4-5 วินาที เป็นค่าที่ดี(มั้งนะ)
mchat.val['userrefresh'] คือ อัตราการ refresh ของรายชื่อ หน่วยเป็น millisecond เช่นกัน 60000ms หรือ 1 นาที เป็นค่าที่ผมคิดว่าเหมาะสม
เออลืมไป มี
mchat.val['title'] อีกอัน สำหรับ title ของห้องแชต บรรทัดไหนไม่รู้ หาเอา
===== Emoticon ====
แมงดุ๊กดิ๊กจะต้องเก็บไว้ในโฟลเดอ emoticon ภายในโฟลเดอ chatroom นั่นเอง
และ แมงดุ๊กดิ๊กต้องแยกย่อยในโฟลเดออีกที แบบนี้ จึงจะใช้ได้ครับ
จากนั้นให้มาตั้งค่าที่ emosetting.php ดังนี้
$folder = array('ChunChun','Tuzki','Soldier','Rabbit','Mushroom'); // รายชื่อโฟลเดอที่แยกย่อยใน โฟลเดอ emoticon ที่ต้องการให้แสดง(ถ้าไม่ใส่จะไม่แสดง)
$url = "htttttp://music-room.in.th/chatroom/emoticon/"; // url ที่นำไปสู่โฟลเดอ emoticon *ปิด / ด้วย
เท่านี้ก็ใช้งานได้
Option เสริมสำหรับทำเท่
ณ.ไฟล์ apps.php
ที่ขีดเส้นสีเขียวตามภาพคือ
คำที่ไม่อนุญาตให้ใช้ในการตั้งชื่อ จะปิดก็ได้โดยใส่ // ข้างหน้า (บรรทัดที่ 27 ตามภาพ)
และเส้นสีแดงตือ โค้ดลับ สำหรับ คำว่า Admin ต่อท้ายชื่อเรา(แต่มันก็ไม่มีอะรพิเศษ โชวพาวเฉยๆ)
แก้ตามสดวก หรือจะ // ปิดก็ได้ (บรรทัดที่ 28 ตามภาพ)
ถ้าจะใช้ เวลา login ก็ ใส่ username-123456 ถ้าตรงมันก็จะตัด -123456 ทิ้งให้แล้วเปลี่ยนเป็น (Admin)
ไร้สาระมะ
=================================================================
Download
jQuery :
http://jquery.com/ 
MChat :
http://music-room.in.th/chatro...setup/MChat-Demo-17.4.2011.rar <----- 17/4/2011 -- 4.4.2011
http://music-room.in.th/chatro.../setup/mchat-demo-4.4.2011.rar Demo :
http://music-room.in.th/chatroom.php =================================================================
ปัญหาที่ผมเห็นตอนนี้คือ
1. ชื่อมันตั้งซ้ำกันได้ *อันนี้ผมแก้ได้ แต่ตอนนี้ขี้เกียจ ไว้วันหลัง
2. เปิดนานๆ มันค้าง หาสาเหตุไม่เจอ ไว้เจอแล้วจะแก้ให้
3. ถ้ามีความเห็นอะไร หรือมีอะไรจะแนะนำ หรือต้องการอะไร คอมเม้นได้ครับ ต้องการมาก
พัฒนาเว็บไซต์
