Smileys in textarea

Hi,
ich habee ein problem :
ich hab ein guestbook gemacht und möchte jetzt smileys dort einfügen ich habe es auch shcon soweit geschafft das er das einfügt zb wird zu (im textarea) ": D"
das dumme ist das er den smiley nicht anzeigt sondern nur : D ohne das leerzeichen dazwischen^^

hier mein code:

Code:

<form>
<input type="button" value=":)" onclick="append('text', ' :) ')" /><br>
<img src="images/biggrin.gif" onclick="append('text', ' :D ')" /><br>
<img src="images/smiley.gif" onclick="append('text', ' :) ')" /><br>
<img src="images/wink.gif" onclick="append('text', ' ;) ')" /><br>
<img src="images/sad.gif" onclick="append('text', ' :( ')" /><br>
<img src="images/huh.gif" onclick="append('text', ' ??( ')" /><br>
<img src="images/cry.gif" onclick="append('text', ' §( ')" /><br>
<img src="images/46.gif" onclick="append('text', ' %%) ')" /><br>
<img src="images/smilie_abc_002.gif" onclick="append('text', ' :?? ')" /><br>
<textarea rows="5" cols="40" id="text"></textarea>
</form>

kann mir bitte jmd helfen

 

hier der j-script:

Code:

<script type="text/javascript">
        function append(wo, was) {
          document.getElementById(wo).value += was;
        }
</script>