การแทรก smile icon ลงในข้อความใน textarea

ไปเจอมาครับ เอามาแบ่งปั่นกันกับพวกเราชาว Open Source ^^

การแทรก smile icon ลงในข้อความใน textarea หลักการของมันก็คือ ให้คลิกที่รูป smile icon แล้วก็แทรกสัญลักษณ์ที่แทน smile icon นั้นลงใน textarea แล้วก็ submit เก็บลงในฐานข้อมูล พอเวลาดึงมาแสดง เราก็ใช้คำสั่ง eregi_replace แปลงสัญลักษณ์นั้นให้เป็น รูปภาพ smile icon จ๊ะ

สคริปที่คลิกรูป smile icon แล้วให้มีรหัสของ icon นั้นใส่ใน textarea ก็ด้านล่างเลยจ๊ะ

<textarea name=”message” id=”message” >
<a href=”javascript:setsmile(‘:*)’)” ><img src=’smileys/embarassed.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘:-D’)” ><img src=’smileys/grin.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘QQ’)” ><img src=’smileys/cry.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘=O’)” ><img src=’smileys/shocked.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘=/’)” ><img src=’smileys/undecided.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘8-)’)” ><img src=’smileys/cool.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘:-X’)” ><img src=’smileys/sealedlips.gif’ width=’15’ height=’15’ /></a>
<a href=”javascript:setsmile(‘O:]’)” ><img src=’smileys/angel.gif’ width=’15’ height=’15’ /></a>

เวลาดึงข้อมูลมาแสดงเราก็ใช้ Function ด้านล่างมาแปลงสัญลักษณ์ให้เป็นรูปภาพ smile icon

<?php
function CheckSmile($temp){
global $url;
$text = array(
“:r00:”,”:r01:”,”:r02:”,”:r03:,”,”:r04:”,”:r05:”,”:r06:”,”:r07:,
“,”:r08:”,”:r09:”,”:r10:”,”:r11:”
);

$pic =array(
“r00.gif”,”r01.gif”,”r02.gif”,”r03.gif”,”r04.gif”,”r05.gif”,
“r06.gif”, “r07.gif”,”r08.gif”,”r09.gif”,”r10.gif”,”r11.gif”
);

for ($i=0 ; $i<sizeof($text) ; $i++) {
$temp = eregi_replace($text[$i],”<img src=\”smileys/$pic[$i]\”>”,$temp);
}
return($temp);
}
?>

ลองนำไปประยุกต์ดูนะครับ

This entry was posted on Wednesday, July 22nd, 2009 at 12:53 am and is filed under มุม PHP. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.