การแทรก 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);
}
?>

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

One Response to “การแทรก smile icon ลงในข้อความใน textarea”

  1. Johnd293 Says:

    Wow that was odd. I just wrote an extremely long comment but after I clicked submit my comment didn’t show up. Grrrr well I’m not writing all that over again. Anyway, just wanted to say superb blog! acabdkkakkaa