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]

[Matze]

Ich kenn mich damit auch nicht so aus, aber muss man da nicht irgendwo die ID der Textarea angeben, damit die Funktion überhaupt "weiß" welche Textare gemeint ist?

[alcaeus]

Moin Sascha,

versuch mal das hier:

Code:

var txtarea = document.body.forms[0].message;

zu verwenden.

Greetz
alcaeus

[Akut-Programming]

Hi Andi,

leider gehts so auch nich. Er kennt forms[0] nicht.

Sascha

[Matze]

Hast du die Textarea auch auf einem Formular liegen (<form...)?

[Akut-Programming]

Hi Matze,

ja hab ich, es heißt 'post'.

[Matze]

Vielleicht geht das:

Code:

document.post.name_der_textarea

[omiT]

Vielleicht liegts auch dadran, dass IE und andere Browser da leider anders mit umgehen... ich kann dir folgenden Link empfehlen, damit hab ich auch mal was gebaut, und es funktioniert in den gängigsten Browsern...

[moritz]

Zitat von Matze:

Vielleicht geht das:

Code:

document.post.name_der_textarea

Der Code funktioniert leider nur im IE. mit

Code:

document.getElementById("id_des_forms")...

sollte es gehen.

[alcaeus]

Tipp: Source des Beitragseditors anzeigen lassen. Da ist auch eine Funktion zum Einfügen von Smilies vorhanden, evtl. hilft dir das weiter

Greetz
alcaeus