การใส่ 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
คุณอาจสนใจ
ภาพถ่ายเบลอๆ กล้องเอ๋อ หรือเจ้าของ ??
สายลม (17,740 - 26 เม.ย. 51)
การใช้งานคำสั่ง Break
Mr.GuruZ (24,783 - 03 มิ.ย. 49)
การเซตค่าโปรแกรม Edit Plus
Mr.POP (36,174 - 05 พ.ย. 49)
การจัดรูปในเอกสาร
หมูขุน (21,333 - 20 มี.ค. 50)
การใช้เครื่องมือ Clone Stamp Tool
น้องฝ้าย (97,144 - 22 ก.ย. 50)
เร่งสปีดเมาส์ให้สะใจเกมเมอร์
เว็บไทยดีดี (13,107 - 29 ก.ย. 50)
การใส่ Emotion ใส่ในเว็บบอร์ด
Zerohate (38,841 - 22 ก.ย. 50)
การสร้างแผนผัง Organization Chat
nut (30,829 - 08 มี.ค. 51)