» Popup-Fenster

Erzeugen eines Popup-Fensters: (Beispiel)

function fenster ( )
{
var win;
win=window.open ("","Begrüßung",“width=50, height=50“);
win.document.write("Ich heisse Sie recht herzlich auf meiner Homepage willkommen");
}

Aufrufen der Funktion im Body Tag: (Beispiel) <body onload="fenster ( )">
Aufgabe 1:
Erzeugen Sie ein Popup-Fenster mit dem Text „Ich begrüße Sie auf meiner Homepage“. Das Fenster soll 60 mal 40 Pixel groß sein.

Aufgabe 2:
Erzeugen Sie ein Popup-Fenster, dass eine Grafik ihrer Wahl anzeigt
automatisches Beenden :

win.setTimeout('window.close()',5000);
diese Methode führt die Anweisung in der Klammer nach 5000 ms aus. Die Anweisung bezieht sich auf das Objekt „win“ und kann variert werden, z.B. window.open.

Aufgabe 3:
Lassen Sie das Popup-Fenster aus Aufgabe 2 nach 10 Sek. automatisch schließen!
Fenster per Mausklick öffnen: (Beispiel) <a href="wetter.htm" target="main" onclick="fenster ( )">Wettervorhersage</a>

Dieser Tag zeigt beim Anklicken auf den Link „Wettervorhersage“ im main-Frame die Seite „wetter.htm“ an und öffnet die Funktion fenster.

Aufgabe 4:
Erstellen Sie eine Seite mit 2 Frames. Beim Anklicken auf den Link „Wettervorhersage“ im linken Frame soll im rechten Frame die Seite wetter.htm angezeigt werden. Auf dieser Seite steht der Text „hier öffnet sich ein Popup-Fenster“. Gleichzeitig soll sich ein Popup-Fenster öffnen mit dem Text „das Wetter wird schön“. Das Fenster soll folgende Eigenschaften aufweisen (vgl. hierzu Buch S. 114-115):

Textfarbe: blau
Hintergrundfarbe: rot
Fenstertitel: aktuelle Wettervorhersage
Textfarbe: centriert

Nach 2 Sekunden soll im Popup-Fenster der Text „und tschüss“ ausgegeben werden!
Nach 5 Sekunden soll das Fenster automatisch schließen!

» » » Infobox

» Lösung 1
» Lösung 2
» Lösung 3
» Download .DOC