Bernds Bilderschuppen
http://bilderschuppen.net/

Smiliepopup mit klickbaren Smilies
http://bilderschuppen.net/viewtopic.php?f=21&t=203
Seite 1 von 1

Autor:  Yeti [ Fr 17. Okt 2008, 12:11 ]
Betreff des Beitrags:  Smiliepopup mit klickbaren Smilies

Auf der Seite, von der aus das Popup aufgerufen werden soll muß ein Formular mit dem Formnamen "Formular" und dem Feldnamen "comment" vorhanden sein. zb:
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>

Zunächst muß das Popup auf der Seite definiert werden, von der aus es aufgerufen wird. Dazu kommt in den Head-Tag:
Code:
<script language="javascript" type="text/javascript">
<!--
var win=null;

onerror = stopError;
function stopError(){
   return true;
}


function mehrsmiles(){
   myleft=20;
   mytop=20;
   settings="width=750,height=350,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=yes,dependent=no";
   win=window.open("http://www.meinehomepagede/shoutbox/smilies/smilieseite.html","smiliepopup",settings);
   win.focus();

}
// -->
</script>

Der Pfad zur "smilieseite.html" muß natürlich auf deine Seite angepasst werden.

In den Bodytag der Seite wird der Link zum Aufrufen des Smiliepopup eingegeben:
Code:
<a href="javascript:mehrsmiles();" >mehr Smilies </a>
Der Pfad ist weiter oben ja schon eingegeben und wird über das Javascript aufgerufen.

Im Head bereich des Popups (bei meinem Beispiel die smilieseite.html) gehört folgender code:
Code:
 
<script language="javascript" type="text/javascript"><!--
function emoticon(text) {
opener.document.forms['Formular'].comment.value += text;
opener.document.forms['Formular'].comment.focus();
}
//--></script>

Die Smilies werden so in den Body eingefügt:
Code:
<a href="javascript:emoticon(' :-) ')"><img border="0" src="icon_honig.gif"/>
So wird für das Smilie"icon_honig.gif" die Zeichen":-)" gespeichert.

um das Smilie wieder anzuzeigen, muß der Text :-) 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/