Wer kann mir bei Java-Script helfen?

M

misterweb

Gesperrt
Ich habe folgendes Problem:
confused.gif

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 ... ich habe auch schon ein wenig rumprobiert, 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
 
Den Smilie bekommst du überhaupt nicht "grafisch" in das <textarea>.....ein Textarea kann nur reinen Text enthalten....sonst nix.
 
Hi Sven,

habe da mal einen Tip mit str_replace bekommen.
Um die Zeichen dann ersetzen zu lassen nimmste einfach str_replace .

z.B.:
$body = str_replace('','<img src="./gfx/biggrin.gif" border="0" alt="">',$body);
(ich hoffe es ist richtig, weiß es nicht mehr so genau )

Was hat das denn dann zu heißen?

Gruß misterweb
 
[phpf]str_replace[/phpf] ist eine PHP-Methode, um Zeichenketten durch etwas anderes zu ersetzen.
Die kannst du verwenden, um bei der Ausgabe im Chat den Smiley durch die entsprechende Grafik zu ersetzen.

In ein Formularfeld selbst ...also während der Eingabe, bekommst du keine Grafik.... egal mit welcher Sprache.
 
Gut, ich merke immer wieder, daß ich noch sehr, sehr viel lernen muß!
Aber zu meinem Problem: Wie bekomme ich nun die Smilies, b.z.w. den Code :) ins Eingabefeld vom Chatfenster? Der Server wandelt diesen dann ja mit str_replace() um!
Ich hoffe das ich daß so richtig verstanden habe. Brauche ja dann eigentlich für mein Gästebuch nur ein php script und einen Server der php unterstützt, oder?

Gruß misterweb
 
Das sollte eigentlich das
Code: 
onClick= "document.forms[0].elements[0].value += ':)';"
in deinem Code machen(da fehlt übrigens der schliessende </form>-Tag)
 
Du bekommst nur den Code vom Smilie in das Eingabefeld welches dann von PHP ersetzt wird und du im Fenster des chats (history / verlauf wie auch immer) deinen gewünschten Smilie siehst.

Sven Mintel hat dir ein Schönes Beispiel gepostet.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück