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

Smileys bei Klick ins Gästebuchtextfeld einfügen

Status
Für weitere Antworten geschlossen.

BademeisterKlaus

Neues Mitglied
hi,
ich hab ein gaestebuch in das smileys sollen. undzwar werden die rechts neben dem textfeld angezeigt und sollen bei einem klick in das textfeld links per zeichencode (z.b.: :-)) eingefuegt werden.
ich kriege das nicht hin und weiss nicht woran das liegt, ich habe schon soviele codes die ich ueber google gefunden hatte ausprobiert, aber das half alles nichts.
ich habe ein formular mit einigen inputs und poste mal ein stueckchen davon, das sieht folgendermassen aus:
<form name="formular" action="send.php" method="post">
*hier sind die inputs*
dann kommt ein textfeld
<textarea name="text" cols="50" rows="10"></textarea>
dann kommen die smileys mit den javascriptfunctions,
dann wird das formular geschlossen
</form>

aber kein javacode funktionierte bisher, woran kann das liegen?

schöne grüße
 
Werbung:
Werbung:
Also is ziemlich simpel.
Du machst n Textfeld und gibst dem eine id.

Machen wir es hier feld.
PHP:
<textarea id="feld" rows="??" cols="??"></textarea>
Nun kommt der JS Code. Dazu verwenden wir eig. nur ne einfache funktion.
PHP:
function insert(tag) {
document.editor.feld.value += tag+"";
document.editor.feld.focus();
}
Hier habe ich noch focus(); gesetzt, dass der Schreiber weiterschreiben kann nach dem klick.

Also kann man hier noch auslesen, dass es eine Form gibt mit dem Namen editor und dass das Textfeld "feld" heisst.

Nun noch das Smiley:
PHP:
<img src="pfad/smiley1.gif" style="width:??px; height:??px; border:0px;" onclick="insert( 'smiley1' )" />

Nun ist es fertig.
Das sieht etwa so aus:
PHP:
<head>
<script type="text/javascript">
<!--
function insert(tag) {
document.editor.feld.value += tag+"";
document.editor.feld.focus();
}
//-->
</script>
</head>
 
<body>
<form name="editor">
 <textarea id="feld" name="Inhalt" rows="??" cols="??"></textarea><br />
 <br />
 <img src="pfad/smiley1" style="width:??px; height:??px; border:0px;" onclick="insert(' smiley1 ');" />
</form>
</body>
Fertig is das Wunder.
Jetzt muss man mit PHP nurnoch den Text smiley1 in ein Smiley machen.
Ich mach das immer mit folgender funktion:
PHP: str_replace - Manual

PHP:
<?php
$smileytext = $_POST['Inhalt'];
$smileytext = str_replace("smiley1", "<img src=\"pfad/smiley1.gif\" style=\"width:??px; height:??px; border:0px;\" />", $smileytext); // smiley1 in ein img Tag einbinden
 
// Jetzt ausgeben:
echo $smileytext;
?>


Ich hoffe, ich konnte dir helfen.

Mann hat mich schon n wenig Zeit gekostet, also bewertet das mal pls ;););)​
 
HERVORRAGEND! das nenn ich ne nette hilfe. endlich funktioniert es, vielen dank (vorallem an Matibaski). ich glaube mein fehler war dass ich dem textfeld nie eine "id" gegeben hatte.
MfG;Jump
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben