Smilie in Textarea

[Hippi4Slim]

Hi,
ich habe nichts gescheites per Google gefunden und auch keine antwort in einem anderen Forum erhalten die mir bis her weiter helfen konnte. Aber hier ist wohl das richtige Forum mit den richtigen Leuten :p

Ich möchte in meinen News Script und Gästebuch Smilies einfügen. Mein Problem liegt daran, dass ich möchte dass man auf ein Smilie drückt und dann in der News Textarea den passenden Code postet.
Wie z.B hier , wenn man auf den "; )" Smilie drückt, dass in der Textarea auch der Code "; )" erscheint.

So, da ich kein Plan von JavaScript besitze, habe ich kurzer hand folgendes aus dem phpBB 2.0.8 entnommen.

JavaScript:

function emoticon(text) {
var txtarea = document.post.message;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
txtarea.focus();
} else {
txtarea.value += text;
txtarea.focus();
}
}


Code für jeweiligen Smilie:

<a href="javascript:emoticon(';)')"><img src="images/smiles/icon_mrgreen.gif" border="0" alt="Mr. Green" title="Mr. Green" /></a>


So ungefähr hab ich es übernommen, funkionieren tut es nicht. Man kann zwar auf den Smilie klicken, aber in der Textarea "News" erscheint kein "; )"

Bei aufforderung poste ich auch nochmal den genauen Code, wie es bei mir aussieht.

MfG
Slim

[gencha]

in der funktion "emoticon" wird ne variable textarea definiert welche auf deine textarea verweisen sollte und nich auf die ausm phpbb

[Hippi4Slim]

Textarea von phpBB:
<textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"></textarea>

Textarea von mir:

<textarea name="News" rows="5" cols="30" id="News">News
</textarea>

Wie muss ich das dann abändern?

von phpBB
var txtarea = document.post.message;

zu
var txtarea = document.post.News;

MfG
Slim

[CerealKiller]

Textarea von phpBB:

von phpBB
[PHP]var txtarea = document.post.message;

zu
var txtarea = document.post.News;


du musst auf jeden fall post durch den formularnamen ersetzen!

[Aich]

ich weiß ja nit wie du googlest aber ich hab auf anhieb dieses recht gute tutorial gefunden. :D
das beispiel sollte es für ein einfaches gästebuch genügen.
http://www.sili.ch/alt/webdesign/article.php?id=smilie

[Hippi4Slim]

Ok, nun funkioniert es :D