Problem in inserting and displaying smilies

The script below is the portion in the form… and the page is in php…

When i submit the comment, action is occuring in action.php… and displayed on index.php…

But only in the form of text… like :slight_smile:
So plz help me what code is to be inserted, and where to insert… i will add the entire code here…

<script type=“text/javascript”>
function insertSmiley(smiley)
{

var currentText = document.getElementById(“comment”);

var smileyWithPadding = " " + smiley + " ";
currentText.value += smileyWithPadding;
currentText.focus();

}
</script>
<img src=“images/smilie_wink.gif” onclick=“insertSmiley(’:-D’)” />
<img src=“images/smilie_redface.gif” onclick=“insertSmiley(’:-P’)” />
<img src=“images/smilie_alert.gif” onclick=“insertSmiley(’:=(’)” />
<img src=“images/devious.gif” onclick=“insertSmiley(’=:)’)” />
<img src=“images/huh.gif” onclick=“insertSmiley(‘o_0’)” />
<img src=“images/knockedOut.gif” onclick=“insertSmiley(‘x-)’)” />
<img src=“images/puzzled.gif” onclick=“insertSmiley(’:-~’)” />
<img src=“images/regularSmile.gif” onclick=“insertSmiley(’:-)’)” />
<img src=“images/shocked.gif” onclick=“insertSmiley(’:-o’)” />
<img src=“images/snooze.gif” onclick=“insertSmiley(‘z:-)’)” />
<img src=“images/tongue.gif” onclick=“insertSmiley(’:-P’)” />
<img src=“images/unsure.gif” onclick=“insertSmiley(’:-/’)” />
<img src=“images/upset.gif” onclick=“insertSmiley(’:-(’)” />