ไปเจอมาครับ เอามาแบ่งปั่นกันกับพวกเราชาว 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);
}
?>
ลองนำไปประยุกต์ดูนะครับ
