Javascript-Events: onMouseover, onMouseout

Aufgabe 6

Beim Bewegen der Maus direkt auf eine Grafik oder einen Link (onMouseover) bzw. Verlassen der Grafik bzw. des Links (onMouseout) können bestimmte Aktionen durchgeführt werden. Die entsprechenden Event-Behandlungsfunktionen werden im Image-Tag bzw. im Anker-Tag vereinbart.

Die nachstehende Anweisung:
<a href="..." onMouseover="f1();" onMouseout="f2();">
bestimmt eine Funktion namens f1() als Behandlungsroutine für Überfahren des Verweises (d.h. des Links) mit der Maus und eine Funktion f2() für das Reagieren auf das Verlassen des Verweises.
Da beiden Funktionen können an beliebiger Stelle im HTML-Dokument definiert werden (innerhalb eines Script-Bereichs).

Es soll ein HTML-Dokument namens katalog.htm erstellt werden. Dieses Dokument soll (mindestens) 2 Artikel, welche der Besucher bestellen kann, enthalten. Zu jedem Artikel soll ein Verweis zu weiterführenden Details angelegt werden. Wenn der Anwender mit der Maus über diesen Verweis fährt, soll automatisch ein Fenster mit der Window-Methode open geöffnet werden, in welchem die Details aus dem entsprechenden Dokument zum Artikel erläutert werden. Bei Verlassen des Verweises soll dieses Fenster wieder geschlossen werden (Window-Methode close).

Lösung:
function f1(name){details=window.open(name,"Details","height=250,width=400");return true;}
function f2(){details.close();return true;}
 
 

Lösungsaufruf

Webdesign by: Dipl.-Math. Horst Liske, EDV-Beratung HolyWare©, E-Mail an Horst@holyware.de