Bernds Bilderschuppen
http://bilderschuppen.net/

Smilies per Klick auf gleicher Seite einfügen
http://bilderschuppen.net/viewtopic.php?f=21&t=202
Seite 1 von 1

Autor:  Yeti [ Fr 17. Okt 2008, 11:41 ]
Betreff des Beitrags:  Smilies per Klick auf gleicher Seite einfügen

Wenn man Smilies per Anklicken auf den Smilie, in ein Formular auf der gleichen Seite einfügen will, muß folgendes Skript in den Head-Bereich gesetzt werden:
Code:
<script language="JavaScript">
<!--
function SmilieEinfuegen(Smilie)
{
 document.Formular.comment.value+=Smilie+" ";
 document.Formular.comment.focus();
}
//-->
</script>


Es muß natürlich ein Formular vorhanden sein mit dem Form-Namen "Formular" und dem Feldnamen "comment". Das könnte so aussehen:
Code:
<table><form name= "Formular" method="post">
    <tr>

      <td colspan="2" valign="top"><p align="left"><span class="Stil4">Bitte hier deinen Text eingeben:</span><br>       
        <textarea name="comment" cols="80" rows="5" onFocus="this.style.backgroundColor='#FFFFFF'" onBlur="this.style.backgroundColor='#FFFFFF'"></textarea>
      </p></td>
      </tr>
    <tr>
      <td><p align="center">
     
        <input type="submit" name="abschicken" value="Abschicken" class="button">
      </p></td></form>
      </table>

Jetzt brauchen wir noch ein paar Smilies, die wir so im Bodybereich einfügen:
Code:
<a href="javascript:SmilieEinfuegen(':-o ')"><img border="0" src="smilies/icon_shock.gif"></a>&nbsp;<a href="javascript:SmilieEinfuegen(':)')"><img border="0" src="smilies/icon_honig.gif"></a>&nbsp;<a href="javascript:SmilieEinfuegen(';)')"><img border="0" src="smilies/icon_zwick.gif"></a>

Sie liegen im Ordner smilies, der im gleichen Ordner liegt wie die Seite.


Wenn die Smilies wieder angezeigt werden sollen, muß der Text ;) oder :) natürlich wieder in das Bild umgewandelt werden. Das macht man im PHP Teil des Scriptes, in dem die gespeicherten Daten wieder angezeigt werden:
Code:
$zeile = str_replace(":)","<img src=\"smilies/icon_honig.gif\" />",$zeile);


Wenn in der Variablen $zeile ein :) auftaucht wird es gegen das Bild "icon_honig.gif" im Ordner "smilies" ersetzt

Seite 1 von 1 Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/