Membuat Form Smillies

26 June 2009

Anda tentu tidak asing dengan smillies icon, bahkan mungkin sering menggunakannya ketika sedang chating. Garis besar cara kerja form smillies adalah mereplace karakter-karakter khusus dengan icon yang sesuai.

Solusi yang mudah untuk membuat form smillies adalah dengan mengimplementasikan array, kemudian memanfaatkan fungsi str_replace() yang sudah disediakan oleh PHP. Untuk menghindari ketidak sesuaian karakter dan icon, anda harus mendefinisikan terlebih dahulu karakter dan icon yang akan digunakan.

Baiklah sekarang anda siapkan terlebih dahulu icon-icon yang anda inginkan anda bisa membuatnya dengan menggunakan software pengolah gambar seperti photoshop atau jika anda tidak ingin dipusingkan oleh hal tersebut anda bisa mencari icon yang anda inginkan di google atau darimanapun. contoh disini saya mempunyai 7buah icon yaitu :
- smile.gif
- sad.gif
- biggrin.gif
- wink.gif
- question.gif
- cool.gif
- idea.gif

jika icon sudah disiapkan kita berlanjut ke kode… berikut kode script PHPnya :


<?php

$sm=array(

‘:smile:’ => “<img src=’img/smile.gif’ border=0/>”,

‘:sad:’ => “<img src=’img/sad.gif’ boder=0/>”,

‘:biggrin:’ => “<img src=’img/biggrin.gif’ border=0/>”,

‘:wink:’ => “<img src=’img/wink.gif’ border=0/>”,

‘:question:’ => “<img src=’img/question.gif’ border=0/>”,

‘:cool:’ => “<img src=’img/cool.gif’ border=0/>”,

‘:idea:’ => “<img src=’img/idea.gif’ boder=0/>” );

?>



<SCRIPT LANGUAGE=’JavaScript’>

<–! function setIkon(ikon) {

document.post.msg.value =

document.post.msg.value + ikon;

} //–>

</SCRIPT>



Click to add smiley

<?php // menggenerate link ikon

foreach ($sm as $key => $val) { ?>

<a href=”javascript:setIkon(’<?=$key?>’)”

title=”<?=$key?>”> <?=$val?> </a>

<?php } ?>



<form action=”<?$_SERVER['PHP_SELF'] ?>”

method=”post” name=”post” >

<textarea name=”msg” rows=”10″ cols=”40″>

</textarea><br>

<input type=submit value=”Submit” name=”submit”>

</form>



<?php

if (isset($_POST['submit'])) {

$msg = $_POST['msg'];

$msg = htmlspecialchars(trim(stripslashes($msg)));

$msg = str_replace(array_keys($sm), array_values($sm), $msg);

$msg = nl2br($msg);

echo ” Your message : <br>”.$msg;

}

?>

semoga bermanfaat….
nb : karakter seperti ‘:smile:’ bisa anda rubah sesuai yang anda inginkan.

http://gnoubdils.blogspot.com/ Membuat Form SmilliesSocialTwist Tell-a-Friend

0 comments:

Post a Comment

Artikel Lain

 
 
 

Go To Link

  »  A1VBCode
  »  Bina Sarana Informatika
  »  Blogger
  »  Deconstruction Code
  »  Diskusiweb
  »  dremi.info
  »  Echo
  »  Facebook
  »  Gary Abraham
  »  Ilmu Website
  »  JQuery
  »  Mahesajenar Widget
  »  STMIK Nusa Mandiri
  »  OOM Blog
  »  Planet Source Code
  »  Rahma Blog
  »  Terren Jr
  »  VB-Bego
  »  Herry Blog

Advertisement