• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Gästebuch mit Smileys

Status
Für weitere Antworten geschlossen.

lama

Neues Mitglied
Hallo!
Ich bin gerade dabei ein Gäsztebuch mit smileys zu programmieren. Wie kann ich es amchen, dass wenn ich auf ein Bild klicke, ein Text in eine textarea dort wo der cursor steht gesetzt wird?!
 
Werbung:
Das gehört eigentlich ins Java Script Forum.

Du kannst es z.B. so machen:
Code:
<html>
<head>
<script language="JavaScript">
<!--
function SmilieEinfuegen(Smilie)
{
    document.Formular.Textfeld.value += Smilie+" ";
    document.Formular.Textfeld.focus();
}
//-->
</script>
<title>Smilies in ein Textfeld einfügen</title>
</head>
<body>
 
<a href="javascript:SmilieEinfuegen(':-)')"><img border="0" src="smilie1.gif"></a>
<a href="javascript:SmilieEinfuegen(';-)')"><img border="0" src="smilie2.gif"></a>
<a href="javascript:SmilieEinfuegen(':rolleyes:')"><img border="0" src="smilie3.gif"></a>
<a href="javascript:SmilieEinfuegen(':-(')"><img border="0" src="smilie4.gif"></a>
<form name="Formular">
<textarea cols="40" name="Textfeld" rows="5"></textarea><br>
<input name="Send" type="submit" value="Abschicken">
</form>
 
</body>
</html>
 
Werbung:
Wenn ich es so machen will:
Code:
<script Language=\"JavaScript\">
function setsmile(Zeichen) {
    document.gbeintrag.nachricht.focus();
    document.gbeintrag.nachricht.value =
    document.gbeintrag.nachricht.value + Zeichen;
    document.gbeintrag.nachricht.focus();

}

</script>

Aber dann den smiley an der stelle einfügen will, wo der Curosr steht, wie muss ich den code dann verändern?!
 
Werbung:
den versteh ich irgendwie nicht, bein dem ist ja außerdem noch zusätzlich dir funktion dabei, markierten text zu umklammern...
 
zieh ein onClick über das bildchen und dann halt
Code:
<img src="" width="" height="" alt="" onClick="javascript:bildchen" /><\/img>
Code:
function bildchen(){
document.forms.FeldchensName.value = alter text+ <smilybildchen />;
}

edit: >> habs grad spontant geschrieben, dürfte aber funkionieren
 
Zuletzt bearbeitet:
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben