HTML: Text an Textarea hängen

[Akut-Programming]

Hi Leute,

ich bin gerade am Versuch in mein Gästebuch Smilies einzufügen. - Ansich klappt es, wenn ich den Smiliecode manuell eintrage. - Jetzt wollt ich es so machen, wie es eigentlich auch hier funktioniert, Smilies anzeigen und beim draufklicken in die Textarea einfügen. Dafür habe ich den folgenden Code gefunden:

Code:

<script language="JavaScript" type="text/javascript">
   function emoticon(text) {
      var txtarea = document.body.message;
      text = ' ' + text + ' ';
      if (txtarea.createTextRange && txtarea.caretPos) {
         var caretPos = txtarea.caretPos;
         caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
         txtarea.focus();
      } else {
         txtarea.value  += text;
         txtarea.focus();
      }
   }
//-->
</script>

Aufrufen würde ich es so z.B.:

Code:

[url="javascript:emoticon(':biggrin:')"][img]smilies/biggrin.gif[/img][/url]

Ich bekomme aber, wenn ich draufklicke einen JavaScriptfehler:

Code:

createTextRange ist Null oder kein Objekt Zeile 5 Zeichen 3

Kann mir jemand helfen? Hab noch nicht soviel mit JavaScript gemacht.

Gruß,
Sascha

[edit=sakura] Eckige Klammern ersetzt. Mfg, sakura[/edit]