Window zentrieren
Abhängig von Breite und Höhe des PopUp-Windows und den Abmessungen des Frame- oder Browserfensters, soll das Window horizontal und vertikal mittig angezeigt werden.
Querverweise zum Thema Zentrieren
Lesen Sie dazu die Artikel
Inhaltsseite im Browserfenster zentrieren.
Frameset im Browserfenster zentrieren (Menü FRAMES).
Objekt in der Fenstermitte zentrieren
Fehlersuche 100% Tabellenhöhe (Menü Fehlersuche)
Window in der Fenstermitte anzeigen
Ein PopUp-Window können sie im Browserfenster oder Frame horizontal und vertikal zentriert ausrichten. Statt der festen Einträge für die x- y-Position werden die Werte errechnet. Das erledigt JavaScript für sie.
|
Es wird die Position für die obere linke Ecke errechnet!
|
|
Die Berechnung ist natürlich erst mal abhängig von Breite und Höhe des Windows, dessen Position für die linke obere Ecke errechnet werden soll. Aus der vefügbaren Fensterhöhe / -breite errechnet man (oder ein Script), wo diese Ecke des Fensters positioniert werden muss.
Veranschaulichung der Berechnung des linken Abstands für die zur Verfügung stehende Fenster- / Bildschrimbreite:
Beispiel der dynamischen Berechnung
Verwendet werden hier screen.width und screen.height für die Abfrage der Bildschirmdimensionen.
Im JavaScript wird die Bildschirmweite ermittelt, die Fensterbreite subtrahiert und dieser Wert durch 2 geteilt. Der ermittelte Wert wird der Variablen winlinks zugewiesen !
Im JavaScript wird die Bildschirmhöhe ermittelt, die Fensterhöhe subtrahiert und dieser Wert durch 2 geteilt. Der ermittelte Wert wird der Variablen winoben zugewiesen !
Die Variablen w und h enhalten Angaben für die Fensterbreite und -höhe.
w = 400
h = 300
Berechnung der Breite: Variable: winlinks
var winlinks = (screen.width - w) / 2;
var winlinks =
Ergebnis: Abstand von links ist
Genauso verfährt man mit der Höhe. Variable: winoben
var winoben = (screen.height - h) / 2;
var winoben =
Ergebnis: Abstand von links ist
|