Eigene Smilieliste: Unterschied zwischen den Versionen

Aus WKwiki
Zur Navigation springen Zur Suche springen
K (2 kleine fehler)
(hallo welt angehängt)
Zeile 27: Zeile 27:


{{Quote|Code|<nowiki><script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm"></script></nowiki>}}
{{Quote|Code|<nowiki><script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm"></script></nowiki>}}
== Hallo Welt ==
Wie es sich gehört findet ihr hier nun eine "Hallo Welt"-Seite, die ihr als Vorlage für euere eigenen Seiten verwenden könnt.
{{Quote|Code|<nowiki><html>
<head>
  <title>Hallo-Welt</title>
  <script type="text/javascript">
    function addText(text){
      opener.parent.info.document.eingabe.message.value += text;
    }
  </script>
</head>
<body>
  <a href="javascript:addText('Die eigene Smilieseite von WKTools sagt: Hallo Welt!');">sag es!</a>
</body>
</html></nowiki>}}
Die Javascript-Funktion sorgt dafür, dass der übergebene Text in die Eingabezeile des Chats gesetzt wird. Natürlich lässt sich durch Änderungen des Codes z.B. der Inhalt der Eingabezeile komplett überschreiben anstatt etwas anzuhängen oder auch andere Bereiche des Chats ansprechen.


[[Kategorie:Scripts und Tools]]
[[Kategorie:Scripts und Tools]]

Version vom 2. Dezember 2008, 23:32 Uhr

Eine eigene Smilie-Seite kann man beispielsweise verwenden um nur eine bestimmte Auswahl der hochgeladenen Smilies anzuzeigen, die Smilies in mehreren Spalten nebeneinander anzuzeigen oder um eine Rechtsklicksperre einzubauen. Es sind natürlich noch mehr Anwendungen denkbar.

Wie erstelle ich eine eigene Smilieliste?

Der einfachste Weg wäre eine HTML-Seite auf deinem Webspace anzulegen und sie über einen Link im Eingabeframe einzubinden. Das hätte allerdings die Folge, dass die originale Smilieliste auch noch da wäre, man also 2 Smilielisten hätte, und dass die Smilies in der eigenen Liste nicht "anklickbar" wären. Um das zu umgehen müsste man mit einem Javascript-Code den Link zur Original-Liste im Eingabeframe überschreiben und auch per Javascript die komplette Seite erstellen. Das würde einen sehr langen und recht kompliziert zu erstellenden Code erfordern. Für die, die es dennoch auf diesem Wege bewerkstelligen wollen ist eine Beschreibung im Forum zu finden.

Dieser besagte Javascript-Code kann mit einem PHP-Script von DG aber auch automatisch erzeugt werden. Was man dafür tun muss ist im Folgenden beschrieben.

Vergleichbar mit dem Erstellen einer eigenen Loginseite muss man zunächst den Quelltext der originalen Smilieliste aufrufen. Das Bearbeiten des Quelltextes mit grafischen Tools wie zum Beispiel Frontpage ist hier nicht zu empfehlen, da alle Verlinkungen, z.B. die Bilder und CSS-Dateien unverändert bleiben müssen. Dass die Seite wenn man sie direkt öffnet weiß ist und die Smilie-Bilder nicht gefunden werden können ist normal. Das funktioniert erst wieder wenn man das Script im Chat eingebaut hat. Hier ist besonders wichtig, dass die Seite ein <html>-Tag beinhaltet, da alles was davor kommt ignoriert wird.

Die bearbeitete HTML-Seite lädt man auf einen Webspace hoch und bindet folgenden Code in der Ankündigung ein:

Code:
<script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm&ersetzen=Smilies"></script>


„http://deineDomain/deineSmilieseite.htm” ist durch den URL der selbst erstellten und hochgeladenen Smilie-Liste zu ersetzen.

Andere anklickbare Seite

Mit dem PHP-Script kann man neben dem Smilies-Link auch selbst erstellte Links ersetzen lassen um den Chat um weitere anklickbare Seiten zu erweitern. Man könnte sich zum Beispiel eine Hilfe-Seite vorstellen, mit der per Klick Chatbefehle oder Farbcodes direkt in die Eingabezeile eingefügt werden.

Dazu musst du zunächst wieder eine HTML-Seite anlegen, am besten auch auf der Grundlage der Smilieliste. Dafür sind gewisse Javascriptkenntnisse auf jeden Fall notwendig.

Anschließend musst du diese Datei hochladen und im Admin-Menü einen Link zu dieser Seite anlegen.

Wenn das getan ist fügst du folgenden Code in der Ankündigung ein und ersetzt wiederum „http://deineDomain/deineSmilieseite.htm” durch den URL der selbst angelegten Seite:

Code:
<script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm"></script>


Hallo Welt

Wie es sich gehört findet ihr hier nun eine "Hallo Welt"-Seite, die ihr als Vorlage für euere eigenen Seiten verwenden könnt.

Code:
<html> <head> <title>Hallo-Welt</title> <script type="text/javascript"> function addText(text){ opener.parent.info.document.eingabe.message.value += text; } </script> </head> <body> <a href="javascript:addText('Die eigene Smilieseite von WKTools sagt: Hallo Welt!');">sag es!</a> </body> </html>


Die Javascript-Funktion sorgt dafür, dass der übergebene Text in die Eingabezeile des Chats gesetzt wird. Natürlich lässt sich durch Änderungen des Codes z.B. der Inhalt der Eingabezeile komplett überschreiben anstatt etwas anzuhängen oder auch andere Bereiche des Chats ansprechen.