JavaScript: Unterschied zwischen den Versionen

Aus WKwiki
Zur Navigation springen Zur Suche springen
K
 
(21 dazwischenliegende Versionen von 10 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
'''Javascript allgemein'''
== JavaScript allgemein ==


Javascript ist eine clientseitige Script-Sprache, die in HTML-Seiten eingebunden werden kann. Den gesamten Umfang der Sprache zu beschreiben wäre hier eher unangebracht.
JavaScript ist eine [[Serverseitig_/_clientseitig#clientseitig|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 Webklicks-Chat'''
== JavaScript im Webkicks-Chat ==


Da Webkicks-Chats auf HTML basieren kann man so mit Javascript einige Erweiterungen einbringen. Beispiele lassen sich in [[Benutzer:DG|1. FC Kellers]] [[Scriptsammlung]] oder DarkModis [http://www.wkforum.de/viewtopic.php?t=11502 Nickänderungs-Script] finden. Der Fantasie sind fast keine Grenzen gesetzt.
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.


Meistens werden im Chat Javascript-Codes in der Ankündigung eingesetzt. 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:
== 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. Einige Beispiele lassen sich hier im Wiki in der [[Liste von Scripts f%C3%BCr den Chat]] finden. Weitere sind im [http://www.webkicks.de/forum Forum] verfügbar. 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 (<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.
 
===Direktes Einbinden===
Die einfachere Möglichkeit JavaScript-Codes einzubinden ist, sie direkt im HTML-Code einzubetten. Das könnte zum Beispiel so aussehen:


<code>
<code>
Zeile 14: Zeile 24:
</code>
</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.


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:
Um eine .js-Datei zu erstellen muss man zunächst einen Texteditor öffnen, zum Beispiel den normalen Windows-[[Editor]]. Danach fügt man in das nun geöffnete Fenster den JavaScript-Code ein, den man in der .js-Datei haben möchte. (Dieser Code ist in den meisten Threads im Webkicks-Forum klar entsprechend gekennzeichnet.) Nun muss man auf "Datei" klicken, hierauf auf "Speichern unter..." und der Datei einen Namen geben, der mit .js endet, zum Beispiel "test.js". Danach muss man die Datei auf einen [[Webspace]] hochladen und daraufhin an entsprechender Stelle einbinden.


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


<code>
<code>
Zeile 29: Zeile 43:
</code>
</code>


'''Externe Links'''
Hierbei muss natürlich die URL <nowiki>http://wkhost.webkicks.de/tester/test.js</nowiki> durch die URL der .js-Datei ersetzt werden.
 
== Externe Links ==


[http://de.selfhtml.org SELFHTML]
[http://de.selfhtml.org/javascript/index.htm SELFHTML (JavaScript)]

Aktuelle Version vom 5. Oktober 2014, 18:04 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. Einige Beispiele lassen sich hier im Wiki in der Liste von Scripts für den Chat finden. Weitere sind im Forum verfügbar. 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.

Um eine .js-Datei zu erstellen muss man zunächst einen Texteditor öffnen, zum Beispiel den normalen Windows-Editor. Danach fügt man in das nun geöffnete Fenster den JavaScript-Code ein, den man in der .js-Datei haben möchte. (Dieser Code ist in den meisten Threads im Webkicks-Forum klar entsprechend gekennzeichnet.) Nun muss man auf "Datei" klicken, hierauf auf "Speichern unter..." und der Datei einen Namen geben, der mit .js endet, zum Beispiel "test.js". Danach muss man die Datei auf einen Webspace hochladen und daraufhin an entsprechender Stelle einbinden.

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>

Hierbei muss natürlich die URL http://wkhost.webkicks.de/tester/test.js durch die URL der .js-Datei ersetzt werden.

Externe Links

SELFHTML (JavaScript)