IMG onklick -> 'Zeichensatz' includen in Textarea

Webdesign & Technik HTML & CSS
1

Hallo Community,

ich bin grad dabei einen kleinen Messenger zur Kommunikation zwischen den auf der Seite angemeldeten Benutzern zu schreiben. Jetzt möchte ich Smilies zur Verfügung stellen.
Diese sind ähnlich wie in einem phpbb Forum (also so wie hier) über dem Textfeld platziert. Wenn nun ein Benutzer auf das img :slight_smile: klickt soll in meiner Textarea :slight_smile: erscheinen

Wie mach ich das am besten?
Kenn mich mit Javascript leider nicht so aus.

Danke

2

JS:

function AddSmilie(Code) { document.getElementById('textarea').value += Code; document.getElementById('textarea').focus(); }
Smilies zum anklicken:

<img src="./images/smiley1.gif" alt="smilie" onClick="AddSmilie(' :-) ')"> <img src="./images/smiley2.gif" alt="smilie" onClick="AddSmilie(' ;-) ')">

3

Vielen Dank für die schnelle Antwort