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:

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

[Matze]

Zitat:

Zitat von moritz

Der Code funktioniert leider nur im IE.

Also mit Firefox geht's bei mir auch.

[Akut-Programming]

Danke euch allen! So wie´s Matze meinte hats gefunzt.:thumb:

Zitat:

Zitat von Matze

Vielleicht geht das:

Code:

document.post.name_der_textarea

[Matze]

Bei mir wird der Text immer ganz hinten angefügt und nicht bei der Cursor-Position. Kann mir einer sagen, wieso?

[Pr0g]

Welchen Browser nutzt du, ich glaube der Standard-Simlie Code aus dem phpBB fügt nur im IE an Cursorposition ein. Guck euch mal den Smiliecode in Smilieframe des Beitragseditors an, denn hier scheints ja auch in anderen Browser zu gehen.

MfG Pr0g

[S2B]

Zitat:

Zitat von Matze

Bei mir wird der Text immer ganz hinten angefügt und nicht bei der Cursor-Position. Kann mir einer sagen, wieso?

http://www.phpbb.com/phpBB/viewtopic.php?t=175999
Mit diesem MOD für phpBB werden die Smilies & BBCodes an die aktuelle Position eingefügt. :wink:

[noch_ein_hannes]

Hi,

Soweit ich weiss ist "createRange" ein Unterobjekt von "document.selection"....
Versuch mal statt "document.createTextRange" -> "document.selection.createTextRange"

Ansonsten könnte Dir dieser Artikel vielleicht auch weiterhelfen.

Grüsse,
Hannes