การใส่ 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
คุณอาจสนใจ
เทคนิคการทำภาพขาว - ดำ ให้เป็นภาพสี
Black-Hawk (183,720 - 29 ก.พ. 51)
ลบไฟล์ .LOG ได้ไหม ?
เว็บไทยดีดี (16,137 - 29 ก.ย. 50)
เลือกซื้อพาวเวอร์ซัพพลาย อย่างไรดีนะ
สายลม (16,768 - 12 เม.ย. 51)
เรียนรู้เบื้องต้นการติดตั้งฮาร์ดไดร์ว (Western)
เว็บไทยดีดี (16,061 - 25 ส.ค. 50)
การใช้เส้นสร้างตาราง
หมูขุน (89,028 - 09 มิ.ย. 51)
Flash MX ตอน แสดงวิดีโอใน Flash MX 2004
เชฏฐพงษ์ วิสูจน์สวัสดิ์ (29,462 - 15 ก.ย. 50)
การทำฝนด้วยเครื่องมือ Particle Systems > Spary
first (23,723 - 03 พ.ค. 51)
สำรองไดรเวอร์เก็บไว้ดีกว่า
เว็บไทยดีดี (14,495 - 22 ก.ย. 50)