Popup-Fenster mit Event-Handling

Navigationsloses Popup-Fenster mit Schliessautomatik, Cross-Browser DHTML, JavaScript 1.2 ...

Verweise zum Popup-Fenster:

- Bild 1 HTML- und JavaScript-Verweis

Grosses Bild mit grossem Popup-Fenster.

- Bild 2 HTML- und JavaScript-Verweis

Kleines Bild (und Zeilenumbrüche für Dokument-Klick mit Explorer) mit minimalen Fenster-Dimensionen.

- (Bild 2 resizable) JavaScript-Verweis (nicht für Netscape 4.x)

Kleines Bild (und Zeilenumbrüche) mit kleinem und skalierbaren Fenster (inkl. Safari, dessen Fenster immer skalierbar sind).
Netscape 4.x verliert den dynamischen HTML-Code, wenn die Grösse des Popup-Fensters verändert wird.

Popup-Oeffnen bei bereits offenem Zweitfenster ...

Situation und Problemstellung (Test-Links)

Auf Link der Hauptseite klicken, z.B. "Bild 1" und es wird eine Grafik in einem separaten Zweitfenster geöffnet.
(Hinweis zu den speziellen Testlinks: Nach etwa einer Sekunde wird wieder das Hauptfenster aktiviert, für den anschliessenden zweiten, Problem-Kilck).
Erneut auf einen Link des Hauptfensters klicken, z.B. "Bild 2" (und NICHT zuvor ins Zweitfenster klicken).

Problem: Der 2. Klick (bei bereits geöffnetem Zweitfenster im Hintergrund), schliesst nur das Popup und das angeforderte Bild wird nicht angezeigt.

Vor dem Oeffnen des Popupfensters wird überprüft, ob bereits ein Zweitfenster existiert und offen ist; - wenn ja, wird dieses zuerst geschlossen.

Aus unerklärlichen Gründen wird danach das Script nicht zu Ende ausgeführt (nur wenn nach dem Schliessen und vor dem Öffnen z.B. noch Kontroll-Meldungen ausgegeben werden, erscheint auch das Zweitfenster korrekt???).

Hinweise zu Aufbau und Verhalten des Klick-Close-Popup-Windows:

Bei Klick auf einen Link der Hauptseite, wird eine Grafik in einem separaten Zweitfenster geöffnet.
Bei Klick in das Popup-Zweitfenster oder dessen Grafik, wird dieses wieder geschlossen, usw.
Das Popup-Zweitfenster besteht aus einer dynamischen HTML-Seite (Dummy), in welche die jeweils angeklickte Grafik geladen wird.
Die Funktion des Popupfensters 'Schliessen auf Klick' ist an den Event-Handler 'onClick' des Window-Object gebunden als auch im HTML-Attribut 'onclick' für Event-Handler des BODY-TAGs angegeben (für Dokument-Klick mit Explorer).
Damit der korrekte Mauszeiger erscheint und zum Klicken einlädt, ist die Grafik in einen Verweis ohne Verweisziel gebettet (ohne Fenster-Schliessfunktion).

Unterschiede zwischen "pucw_main.html" und "popups2.html":

Auslagerung des JavaScripts dieser, in separate Datei.
Diese Datei fügt bei Bildern mit kleinerer Höhe als 100 Pixeln Zeilenumbrüche ein, damit der Internet Explorer u.a. Browser den Dokument-Klick erkennen.
Aufteilung der Steuer-Funktion open_win() in mehrere Funktionen.
Browser und Betriebsysteme nicht erneut getestet.
Erweiterte Beschreibung der Verweise und Funktionalität des Klick-Schliess-Popup-Fensters (Click-Close-Popup-Window).

Letzte technisch relevante Code-Änderung: 3.2.2005 15:00 Uhr

Kontakt: Anfragen, Hinweise und Mitteilungen bitte an mich, R. Naef, <info@addnaef.ch>

zurück