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/
0 comments:
Post a Comment