PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Brauch nen Javascript:

Durcairion
2004-11-03, 14:14:42
Also ich habe folgendes Problem:

Ich habe einen kleinen Chat geschrieben. Nun möchte ich die Eingabe wie folgt erweitern.

Ich würde gerne ein Menü einfügen nach folgendem Muster:


<select name="Namen" size=5>
<optgroup label="Smilies">
<option label="Sm1">Sm1
<option label="Sm2">Sm2
<option label="Sm3">Sm3
</optgroup>
</select>


Nun habe ich die Form "chat" und das Texteingabefeld "feld1" in dieser Chatform wo die Leute tippen können.

Wie mache ich das nun, das wenn jemand z.B. Smilie 1 auswählt das dann der Kommand (z.b. bG ) automatisch ans Ende des feld1 geschrieben wird?

Also das man in dem Menü aussuchen kann welchen Smilie man gerne hätte und diesen Kommand für den Smilie dann per Mausdruck im Textfeld hat.

mfg,
soucy
Aqualon
2004-11-03, 18:49:57
Du kannst jeder option einen onClick-Befehl zuweisen, der folgendes JavaScript aufruft:

document.form.feld1.value+="<img src="">"

Bsp.:

<option label="Sm1" onClick="document.form.feld1.value+="<img src="sm1.gif">"">Sm1

Habe den Code zwar nicht getestet, sollte aber funktionieren.

Aqua
Durcairion
2004-11-05, 01:13:28
Funktioniert leider nicht ... :-(

Sonst noch wer ne Ahnung von JS?

mfg,
soucy
Aqualon
2004-11-05, 03:00:12
<html>
<head>

<script type="text/javascript">
<!--
function addImage(image) {
document.formular.feld1.value+=image;
}
// -->
</script>

</head><body>
<form name="formular" action="post">
<select name="Namen" size=5>
<optgroup label="Smilies">
<option label="Sm1" onClick="javascript:addImage('sm1.gif')">Sm1
<option label="Sm2" onClick="javascript:addImage('sm2.gif')">Sm2
<option label="Sm3" onClick="javascript:addImage('sm3.gif')">Sm3
</optgroup>
</select>
<br>
<br>
<textarea name="feld1"></textarea>
</form>
</body></html>


Jetzt aber ;)

Man muss den JavaScript-Code auslagern, sonst kommt er mit den ganzen Anführungszeichen durcheinander. Anstatt sm1.gif kannst du auch jeden anderen Wert übergeben oder bei Bedarf auch oben im JavaScript eine Fallunterscheidung durchführen, um den richtigen Code einzufügen.

Aqua