PopUp-Window für Image passend öffnen HTML JavaScript Beispiel Download

Info zur Abweichung der Anzeigeposition

Zur Positionsbestimmung wird die Fenstergröße ermittelt. Diese Werte beziehen sich auf das aktuelle Fenster (blaue Pfeile). Füllt das aktuelle Fenster nicht den gesamten Bildschirm (zum Beispiel in einem Frameset), erscheint das PopUp-Window nicht in der Mitte dieses aktuellen Fensters.

Grund: Ermittelt werden die Fenstermaße im aktuellen Fenster des Frames (gelb). Bei der Positionierung werden die errechneten Werte eingesetzt, die (in diesem Script) als Bezug für die Positionsbestimmung des PopUp-Windows aber die linke obere Ecke des Bildschims annehmen.

Bei einer Seite ohne Frames stimmt zumindest der errechnete X-Wert für eine genaue Anzeige in der horizontalen Bildschirm- und Seitenmitte, da beides identisch ist. Aber auch das trifft nur für ein Browserfenster zu, das maximiert (nicht verkleinert) ist.

Info ausblenden

Falls es Probleme gibt

Im IE6 gibts ein Problem bei der Art und Weise der Höhenbestimmung abhängig von der DOCTYPE-Angabe des HTML-Dokuments. Offenbar wird, abhängig von der Deklaration des Dokumenttyps mit DOCTYPE, im IE6 u.U die gesamte Dokumenthöhe ausgelesen, nicht die innere Fensterhöhe. Das würde z.B. hier, bei meinem Dokument 2815 Pixel bedeuten!

Ein Bildfenster, irgendwo bei 1300 Pixel (vom oberen Bildschirmrrand gemessen) angezeigt, wäre nicht sichtbar.

1) Nutzt man diese TYPE-Angabe klappts aber auch mit der alten Programmzeile zur Innenhöhenbestimmung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

(Sie müssen also nichts abändern)

2) Falls sie im IE6 Probleme haben und sie es bei ihren abweichenden DOCTYPE-Angaben belassen möchten, schafft eine Änderung im Script (Auszug) Abhilfe. Sie ersetzen die durchgestrichene Zeile durch die darunter in blau dargestellte Programmzeile:

else if(ie4) {
sbreite = document.body.clientWidth;
shoehe = document.body.clientHeight;
shoehe = document.documentElement.clientHeight;
alert(shoehe); // Meldung der festgestellten Höhe - als Test
}

Die Zeile mit der alert-Meldung (orange) können sie während des Testens 'einbauen'.

Zitat SELFHTML:

Im Internet Explorer können Sie mit document.body.clientHeight die innere Fensterhöhe bestimmen. Wenn Sie eine Dokumenttyp-Deklaration einsetzen, die im Internet Explorer 6 den Seite standardkonformen Modus auslöst, müssen Sie document.documentElement.clientHeight statt document.body.clientHeight verwenden.

Info ausblenden

PopUp-Window in Bildgröße - Version 1