JavaScript Problem!

misterweb

Herzlich willkommen!
Ich habe folgendes Problem:
Ich möchte gerne, wie hier, Smilies per klick einfügen können. Nur dieser/n sollen dann nicht im Textfeld sonder im Chat eingesetzt werden. Zum Kern:
Habe mir den Afterworkchat auf meiner Seite eingebaut und die Smilies, welche in der Eingabehilfe zur Verfügung stehen, mit auf die Seite kopiert. Jetzt möchte ich gerne, dass wenn man im Chat, also wenn man etwas schreibt, dabei einfach auf einen Smilie klickt und dieser sich dann im Eingabefeld vom Chat, als Codetext wiedergibt. Nachdem man die Nachricht sendet, wandelt der Server, auf welchem der Chat läuft, den Codetext dann wieder in einen Smilie um?! Man kann ja direkt einen Smilie eingeben und nachdem man gesendet hat, sieht man einen grafischen Smilie. Also muss es doch funktionieren, dass ich die Smilies direkt grafisch darstelle und das Script wandelt diesen in einen Code um!?
Ich denke das macht man am besten mit Java-Script, aber mit meinen eher spartanischen Java-Scripts-Kenntnissen komm ich da nicht weiter...
Hier mal ein Beispiel:

<html>
<head>
<script language="JavaScript">
<!--
function SmilieEinfuegen(Smilie)
{
document.Formular.feedback.value+=Smilie+" ";
document.Formular.feedback.focus();
}
//-->
</script>
</head>
<body>
<img src="images/chat_smilies/smilie_01.gif" onClick= "document.forms[0].elements[0].value += ':)';" width="15" height="15"><font color="#DDFFFD"> </font><p></p>
<font color="#FDFFDD"><form name="meinung">
<textarea name="feedback" rows="10" cols="54"></textarea></font>
</body>
</html>

Nur hier habe ich immer noch das Problem, das ich nicht weiß, wie ich den Smilie, grafisch ins Formular bekomme und nicht mit :), aber wichtig ist mir jetzt, das ich gennau diesen :), wie in dem Formular, im Textfeld vom Chat einfügen kann.

Gruß misterweb
 
Verstehe ich dich richtig?
Du willst eine Grafik in ein HTML-Textfeld einfügen?
Wenn ja, dann ist das nicht möglich.
Da musst du ein Java-Applet verwenden, wie es bei vielen WYSIWYG Editoren der Fall ist, dort sieht man die Smilies auch sofort im Textfeld.

Solltest du Probleme haben, den Smiliecode in ein Bild umzuwandeln, dann verwende lieber nicht Javascript, sondern PHP.;)
 
Er sagte doch, wenn er einen Smilie per Tatstatur eingibt zB: :) erscheint im Chat ein grafischer Smilie.
Er will es sich nur erleichtern und diese per Klick einfügen

Code:
<SCRIPT language=Javascript>

function AddText(NewCode,form) {
        if (form.message.createTextRange && form.message.caretPos) {
                var caretPos = form.message.caretPos;
                caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? NewCode + ' ' : NewCode;
        } else {
                form.message.value+=NewCode;
        }
        setfocus(form1);
        AddTxt = "";
}


function setfocus(form) {
form.message.focus();
}

function smilie(thesmilie) {
	AddSmilie = " "+thesmilie+" ";
	AddText(AddSmilie,form);
}
</script>


das währe ein JS-Beispiel.

Code:
<img src="images/chat_smilies/smilie_01.gif" border="0" onclick="javascript:smilie(':)')" onmouseover="this.style.cursor='hand';" />

Und das ein Beispiel für den Smiliecode:
 
Hi Jim,

klappt leider nicht. Bekomme angezeigt: Fehler beim laden des Java-Applet! :confused
Mach ich irgendwas falsch oder ist im Code irgendein Fehler?
Muß doch zu schaffen sein den Smilie im Textformat einfügen zu lassen.
Trotz allem, schon einmal VIELEN DANK
Gruß misterweb
 
Zuletzt bearbeitet:
Oben