Text in Textbox einfügen [HTML?]

[Neuni]

Hi,
weiß nich obs nu mit HTML mach bar is (denke mal nich) aber egal:

Ich habe ne TEXTAREA in meinem HTML-Dokument, wo man den Text für seinen Gästebucheintrag einträgt. Nun muss man, wenn man z.B. ': D' schreiben um sonen Smilie zu bekommen :D

Nun würde ich gerne einfach die Smilies unter die Textarea setzen (als bild) und wenn man draufdrückt, dann soll der passende Smilie-Code an der Cursor-Position in der Textbox eingefügt werden.

Wie kann man sowas machen?

[jfheins]

Mit Java-Script :zwinker:

[Neuni]

Na super...sowas hab ich mir auch schon gedacht :mrgreen:

Haste nen Code, womit sowas geht?

[alcaeus]

Hi Neuni, hier eine konstruktive Antwort :mrgreen:

Code:

function emoticon(text) {
   var txtarea = document.<formname>.<feldname>;
   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();
   }
}

Der Parameter text ist der Smileycode, den du einfügen willst.
Der Code kommt übrigens aus dem phpBB :zwinker:

Greetz
alcaeus

[Dax]

Code:

<script language="JavaScript">
<!-- 
  document.FormName.EditName.innerText = "neuerText";
-->
</script>

Kannst auch .innerHTML benutzen, dann wird eben HTML-Code eingefügt, obwohl das bei den Edit-Controls nicht viel helfen wird.

[Meflin]

http://www.webwork-magazin.net/tricks/artikel/164
google, das erste ergebnis
[google]javascript text einfügen[/google]
einfach mal selber denken ;-)

[edit]hiho, da war ich mal wieder schnell :roll: [/edit]

[Neuni]

@alcaeus&Dax: Danke...werds mal probieren!

@Meflin: :tongue: ;)

[zecke]

:hi:

www.javarea.de

alles rund um javascript



edit: er hat den link ja automatisch aktzeptiert, doppelgemoppelt brauch man dann ja net