Inhalt

online-Logo

Ein paar JavaScript-Befehle

Einführung

JavaScript (was gar nichts mit der Computersprache "Java" zu tun hat) ist eine simple Programmiersprache, deren Befehle in den html-Code eingestreut werden. Man kann damit auch aufwendige Programme schreiben (Skripte), aber uns sollen hier einige simple Befehle genügen, die den html-Tags mitgegeben werden.

Aktion bei Mausberührung

JavaScript-Test Einem Link hinter einem image-Tag (<a href=...> <img...> </a>), kann der Befehl mitgegeben werden, das Bild gegen ein anderes auszutauschen, wenn sich die Maus darüber befindet, wie links (die Bilder zeigen die Tag- und Nachtkennungen der größten Schiffe, die den Nord-Ostsee-Kanal passieren).
Der Code dafür lautet:

<a href="jscri.html" onMouseOver="window.document.images[1].src='jscri2.gif'" 
                      onMouseOut="window.document.images[1].src='jscri1.gif'">
<img src="jscri1.gif" align=left alt="JavaScript-Test" border=0 vspace=9 hspace=9>
</a>

Die JavaScript-Befehle sind also das "onMouseOver=..." und das "onMouseOut=...", die die Aktionen angeben, die ausgelöst werden sollen, wenn sich die Maus über dem Bild befindet oder das Bild verlässt.
Damit verbunden sind die Aufforderungen, als Quelle für das Bild 1 des Dokuments im aktuellen Fenster die beiden angegebenen Dateien zu verwenden. Dabei zählt die Nummerierung der Bilder ab 0 vom Beginn der Seite (Bild 0 ist also hier das Bild mit dem Wort online links oben auf der Seite).

Da in diesem Fall kein Link auf eine andere Seite gewünscht war, wurde bei href=... einfach auf die bestehende Seite verlinkt.


Letzte Änderung: 3. März 2009

Informationen, Kritik, Anregungen zur WebSite: Bitte Mail an Frank Toussaint.