Eigene Smilieliste: Unterschied zwischen den Versionen

Aus WKwiki
Zur Navigation springen Zur Suche springen
K (Ups.. mal wieder Eingabeframe mit Onlineliste verwechselt ^^)
(auf den Generator von wktools angepasst)
 
(6 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Eine eigene Smilie-Seite kann man beispielsweise verwenden um bestimmte 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.
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? ==
== 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.
Der einfachste Weg wäre eine HTML-Seite auf deinem Webspace anzulegen und sie über einen [[Admin-Menü|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 [http://wkforum.de/viewtopic.php?p=79375&sid=f53b2af1115993a6cc946ea2f3a94beb#79375 Beschreibung] im Forum zu finden.


Dieser besagte Javascript-Code kann mit einem [[PHP]]-Script von [[Benutzer:DG]] aber auch automatisch erzeugt werden. Was man dafür tun muss ist im Folgenden beschrieben.
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 [http://wkforum.de/viewtopic.php?p=79375#79375 Beschreibung] im Forum zu finden.


Vergleichbar mit dem Erstellen einer [[Eigene_Loginseite|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.
Dieser besagte Javascript-Code kann mit einem Generator auf http://wktools.net aber auch automatisch erzeugt werden. Was man dafür tun muss ist im Folgenden beschrieben.
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:
Vergleichbar mit dem Erstellen einer [[Eigene_Loginseite|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 vom Script alles was davor kommt ignoriert wird.


{{Quote|Code|<nowiki><script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm&ersetzen=Smilies"></script></nowiki>}}
Die bearbeitete HTML-Seite lädt man auf einen Webspace hoch und gibt die URL im Generator ein oder man kopiert den Quelltext direkt in das Textfeld des Generators


"http://deineDomain/deineSmilieseite.htm" ist durch den URL der selbst erstellten und hochgeladenen Smilie-Liste zu ersetzen.
== Andere anklickbare Seite ==


== 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 [[Farbcode]]s direkt in die Eingabezeile eingefügt werden.


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.


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.
Die Einstellung im Generator ist so weit wieder die gleiche, nur dass diesmal das Häkchen "original Smilieseite ersetzen" <b>nicht</b> gesetzt wird.


Anschließend musst du diese Datei hochladen und im Admin-Menü einen Link zu dieser Seite anlegen.
== 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>}}


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:
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.


{{Quote|Code|<nowiki><script type="text/javascript" src="http://www.1fckeller.de/webmaster/ownPages.php?url=http://deineDomain/deineSmilieseite.htm"></script></nowiki>}}
[[Kategorie:Scripts und Tools]]

Aktuelle Version vom 15. Februar 2009, 12:47 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 Generator auf http://wktools.net 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 vom Script alles was davor kommt ignoriert wird.

Die bearbeitete HTML-Seite lädt man auf einen Webspace hoch und gibt die URL im Generator ein oder man kopiert den Quelltext direkt in das Textfeld des Generators

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.

Anschließend musst du diese Datei hochladen und im Admin-Menü einen Link zu dieser Seite anlegen. Die Einstellung im Generator ist so weit wieder die gleiche, nur dass diesmal das Häkchen "original Smilieseite ersetzen" nicht gesetzt wird.

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.