JavaScript: Unterschied zwischen den Versionen

Version vom 2. Juli 2007, 14:48 Uhr

Javascript allgemein

Javascript ist eine clientseitige Script-Sprache, die in HTML-Seiten eingebunden werden kann. Der gesamte Umfang der Sprache ist zu groß um ihn an dieser Stelle zu beschreiben. Im Internet finden sich allerdings reichlich Quellen, in denen das getan wird.

Auf jeden Fall ist Javascript von Java zu unterscheiden, mit dem es oftmals verwechselt wird.

Javascript im Webkicks-Chat

Im Chat selbst sind bereits verschiedene Javascript-Codes eingebaut, welche zwar nicht zwingend für die Lauffähigkeit des Chats notwendig sind, sich jedoch deutlich auf den Komfort auswirken. Z.B. wird die Anzeige der Chatter in der Online-Liste per Javascript umgesetzt. Auch die Funktion "Autoscroll" ist nur durch Javascript möglich. Hat man also Javascript deaktiviert oder einen Browser, der Javascript nicht unterstützt, so müsste man immer händisch nach unten scrollen um dem Chatverlauf zu folgen.

Eigene Scripts im Chat

Da Webkicks-Chats clientseitig HTML verwenden (und nicht Flash, Java oder andere Technologien) kann man so mit Javascript einige Erweiterungen einbringen. Beispiele lassen sich in 1. FC Kellers Scriptsammlung oder DarkModis Nickänderungs-Script finden. Der Fantasie sind fast keine Grenzen gesetzt.

Meistens werden im Chat Javascript-Codes in der Ankündigung eingesetzt. Zu beachten ist dort, dass in Javascript-Codes keine Zeilenumbrüche eingefügt werden dürfen, da dort an jeden Zeilenumbruch automatisch der HTML-Code für einen Zeilenumbruch (<br>) angefügt wird.

Je nach dem, was sie bewirken sollen können sie aber im Grunde überall verwendet werden, wo HTML einsetzbar ist.

=Direktes Einbinden

Die einfachere Möglichkeit Javascript-Codes einzubinden ist, sie direkt im HTML-Code einzubetten. Das könnte zum Beispiel so aussehen:

 <script type="text/javascript">alert("Hallo Welt!");</script>

Externe .js-Dateien

Etwas umständlicher, dafür aber platzsparend (z.B. bei Anwendung in Raumthemen, da die Zeichenzahl begrenzt ist) und übersichtlicher (in der teilweise recht langen Ankündigung somit auch oftmals vorteilhaft) ist die Verwendung von externen .js-Dateien, die man dann an der jeweiligen Stelle einbindet. Umständlicher ist es, weil man die .js-Datei zunächst im Editor erstellen und auf einen Webspace hochladen muss. Ein Beispiel:

In einer Datei, die man als http://wkhost.webkicks.de/tester/test.js hochgeladen hat, steht Folgendes:

 var Name = window.prompt("Bitte gib deinen Namen ein", "");
 document.write("Hallo "+Name);

In der Ankündigung könnte man dann dieses Script folgendermaßen einbinden:

 <script type="text/javascript" src="http://wkhost.webkicks.de/tester/test.js"></script>

Externe Links

SELFHTML

@@ Zeile 16: / Zeile 16: @@
 Meistens werden im Chat Javascript-Codes in der [[Ankündigung]] eingesetzt. Zu beachten ist dort, dass in Javascript-Codes keine Zeilenumbrüche eingefügt werden dürfen, da dort an jeden Zeilenumbruch automatisch der HTML-Code für einen Zeilenumbruch (<nowiki><br></nowiki>) angefügt wird.
-Je nach dem, was sie bewirken sollen können sie aber im Grunde überall verwendet werden, wo HTML einsetzbar ist. Die einfachere Möglichkeit Javascript-Codes einzubinden ist, sie direkt im HTML-Code einzubetten. Das könnte zum Beispiel so aussehen:
+Je nach dem, was sie bewirken sollen können sie aber im Grunde überall verwendet werden, wo HTML einsetzbar ist.
+===Direktes Einbinden==
+Die einfachere Möglichkeit Javascript-Codes einzubinden ist, sie direkt im HTML-Code einzubetten. Das könnte zum Beispiel so aussehen:
 <code>
@@ Zeile 22: / Zeile 25: @@
 </code>
+===Externe .js-Dateien===
-Etwas umständlicher, dafür aber platzsparend (z.B. bei Anwendung in Raumthemen, da die Zeichenzahl begrenzt ist) und übersichtlicher (in der teilweise recht langen Ankündigung somit auch oftmals vorteilhaft) ist die Verwendung von externen .js-Dateien, die man dann an der jeweiligen Stelle einbindet. Umständlicher ist es, weil man die .js-Datei zunächst auf einen [[Webspace]] hochladen muss. Ein Beispiel:
+Etwas umständlicher, dafür aber platzsparend (z.B. bei Anwendung in Raumthemen, da die Zeichenzahl begrenzt ist) und übersichtlicher (in der teilweise recht langen Ankündigung somit auch oftmals vorteilhaft) ist die Verwendung von externen .js-Dateien, die man dann an der jeweiligen Stelle einbindet. Umständlicher ist es, weil man die .js-Datei zunächst im [[Editor]] erstellen und auf einen [[Webspace]] hochladen muss. Ein Beispiel:
 In einer Datei, die man als <nowiki>http://wkhost.webkicks.de/tester/test.js</nowiki> hochgeladen hat, steht Folgendes:
@@ Zeile 37: / Zeile 40: @@
 </code>
-'''Externe Links'''
+== Externe Links ==
 [http://de.selfhtml.org SELFHTML]