การใส่ Emotion ใส่ในเว็บบอร์ด จัดทำโดย : Zerohate
สำหรับเพื่อนที่ต้องการเพิ่้มลูกเล่นให้กับเว็บบอร์ดของตัวเอง วันนี้ผมมีลูกเล่นที่เรียกว่า emotion มาแนะนำครับ

ขั้นตอนการเขียน

1.สร้างฟอร์มสำหรับตอบเว็บบอร์ดก่อนนะครับ



2.เพิ่มโค๊ต java script เพื่อใช้งานตัวอีโมชั่น เข้าไปในส่วนของ <head></head>

<script type="text/JavaScript">
function setsmile(what) {
document.emotion.messages.value = document.emotion.elements.messages.value+" "+what;
document.emotion.messages.focus();
}
</script>


3.เรียกใช้งาน function setsmile โดยกำหนดไปในทุกรูปของอีโมชั่น ดังตัวอย่างเช่น onClick="setsmile(':1:')" สัญลักษณ์ในวงเล็บอย่าให้ซ้ำกันนะครับ แต่เพื่อให้ง่ายต่อการใช้งาน ก็ให้ใส่ไปตัวเลขแรงไปเรื่อยๆก็ได้

<a href="javascript:;" onClick="setsmile(':1:')"><img src="emotion/1.gif" width="20" height="20" border="0"></a>
<a href="javascript:;" onClick="setsmile(':2:')"><img src="emotion/2.gif" width="20" height="20" border="0"></a>
<a href="javascript:;" onClick="setsmile(':3:')"><img src="emotion/3.gif" width="20" height="20" border="0"></a>
<a href="javascript:;" onClick="setsmile(':4:')"><img src="emotion/4.gif" width="20" height="20" border="0"></a>
<a href="javascript:;" onClick="setsmile(':5:')"><img src="emotion/5.gif" width="20" height="20" border="0"></a>


4.สร้างตัวแปล action ชนิด hidden เพื่อเก็บค่า Add เพราะเราจะใช้ตัวแปลนี้ เพื่อนำไปเช็คตอน sumbit เพื่อบันทึกข้อมูล ใส่ไว้ส่วนไหนก็ได้นะครับ ขอให้อยู่ใน form

<input name="action" type="hidden" value="Add">

5.เขียน php เพื่อรับค่าสัญลักษณ์ จากนั้นเรามาเปลี่ยนเป็นรูปภาพ เพื่อนำไปใช้งานต่อไป อาจจะนำไปลงฐานข้อมูลก็ได้

<?
if($action ==
"Add") {
$txt = array(":1:", ":2:",":3:", ":4:", ":5:");
$pic = array("1.gif","2.gif","3.gif","4.gif","5.gif");
for
($i=0 ; $i<sizeof($txt) ; $i++) {
$messages = eregi_replace($txt[$i],"<img src=\"emotion/$pic[$i]\">",$messages);
}
}
?>

อาจจะยุ่งยากไปหน่อยนะครับ ถ้าไม่ได้่ลองโหลด Source code ทั้งหมดไปใช้งาน แล้วค่อยแก้เองก็ได้ครับ ^^

Download Source Code
คุณอาจสนใจ
การทำภาพฟันเฟือง
Webmaster siamicy.com (76,799 - 04 มิ.ย. 49)
เจาะลึกการใช้ Symbolism Tool และ Data Driven Graphic กับงานพิมพ์ และงานเว็บ (ตอนต่อ)
ธนิศา ไชยภูริพัฒน์ (35,315 - 19 ม.ค. 51)
การกำหนดระบุวินโดว์หรือเฟรมที่ต้องการให้แสดงเว็บเพจปลายทางการลิงค
สายลม (33,181 - 29 มี.ค. 51)
การใช้งานความสัมธ์แบบ M:N ภาคปฏิบัติ
อ้ายคำปัน (35,322 - 03 ธ.ค. 49)
การส่งออก MicroSoft Excel เข้า Mysql
first (55,144 - 21 ม.ค. 51)
ตัวอักษรลุกเป็นไฟ
charoen (148,323 - 31 ก.ค. 50)
การใช้ตัวช่วยสร้างการค้นหาเพื่อสร้างข้อความในคอลัมน์
Mr.N (20,915 - 02 มิ.ย. 50)
วิธีการทำงานของเมล์แบบ POP3
เว็บไทยดีดี (14,737 - 29 ก.ย. 50)