Window zentrieren
    


WWW.WEB-TOOLBOX.NET

BEISPIEL  QuellCode ZURÜCK SITEMAP  

 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:



 Bildschirmbreite


 Bildschirmbreite / 2


 (Bildschirmbreite / 2) - halbe Fensterbreite


Window








   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


Hier können sie das JavaScript als Anwendungsbeispiel öffnen:

BEISPIEL Öffnen

QuellCode ansehen








NACH OBEN