Aufruf von Funktionen
Beispiel: Von einer Grafik aus beim Klicken mit dem Mausknopf eine alert-Anweisung aufrufen.
Programm:
| <html> <head> <title></title> <script language="JavaScript"> <!-- function zeigetext() { alert ("Dieser Text wird erst angezeigt, wenn mit der Maustaste auf die Grafik geklickt wird!"); } // --> </script> </head> <body> <p align="center"><a href="#" onClick="zeigetext()"><img src="http://opsnet.ops.de/ID_GM/Kurs%20Javascript/wb01336_.gif" width="40" height="40" alt="wb01336_.gif (793 Byte)" border="0"></a></p> </body> </html> |
Beschreibung:
function zeigetext() = Aufbau einer Funktion
{=beginne Anweisungen in der Funktion
alert ("....") = Anzeige des Textes in
Anführungszeichen
}= Funktion Ende
Die Grafik hat einen Dummyhyperlink, das ist das Zeichen #
, siehe <a href="#"
onClick="zeigetext()">
Ein Hyperlink ist ein Objekt, dem man Ereignisse zuweisen kann. Deshalb:
<a href="#" onClick="zeigetext()">
Der Aufruf der Funktion zeigetext geschieht also direkt
in der HTML-Definition des Hyperlinks.
Der Aufbau des Aufrufes ist immer derselbe: Ereignis: z.B. OnClick, dann = und
anschließend in Anführungszeichen der Funktionsname mit beiden Klammern.
onClick="zeigetext()
Übungsaufgabe: Erstellen Sie ein HTML-Dokument mit oben gezeigten Code.
Die Datei wb01336_.gif muß sich im selben Verzeichnis
befinden wie das Dokument.
Klicken Sie hier mit der rechten Maustaste auf die Grafik, dann können Sie diese auf
Ihrer Festplatte speichern.