Window Fullscreen öffnen

Manchmal ist es vorteilhaft ein Fenster in der gesamten Bildschirmgröße zu öffnen, weil zumindest vertikal dann mehr Platz zur Verfügung steht. Das bietet sich für Text-Downloadseiten, Bildergalerien und Kartendarstellungen an.

Bitte schaffen Sie unbedingt an eine Möglichkeit das Vollbildfenster schließen zu können! Das können Sie mittels JavaScript-Funktion über einen Textlink, Grafiklink oder einen Formularbutton umsetzen (Anleitung weiter unten). Wird die Titelzeile nicht angezeigt, fehlt die entsprechende Schaltfläche oben rechts.

Beginn der Zwischenbemerkung   überspringen

Grundsätzliches, wegen der häufigen Nachfragen: Eine HTML-Seite ist grundsätzlich ohne dynamisches HTML, CSS und Javascript statisch (Ausnahme sind die Elemente eines Formulars). Das heißt, es kann nichts mehr verändert werden sobald sie aufgerufen und bereits angezeigt wird. Die Fenstergröße für die Anzeige mittels des JavaScript-Befehls fullscreen() zu ändern geht also nicht ohne eine Anweisung für eine erneute Anzeige. Häufig wird nun versucht innerhalb der HTML-Datei einen solchen Aufruf automatisch zu starten, der die gleiche Datei neu anzeigt und das Anzeigefenster auf "fullscreen" maximiert. Wenn eine HTML-Seite sich nun selbst mittels JavaScript noch einmal mit den neuen Fensterabmessungen aufrufen soll, würde sie das wegen der eingefügten Anweisung mit der neu aufgerufenen Seite gleich danach wieder tun, und wieder tun, und wieder tun, ... es sei denn man könnte ein Flag setzen, diesen Vorgang nur einmal auszuführen. Es bleibt also nur ein neues Fenster mit den Angaben für den Vollbildmodus öffnen: gleiche Seite im neuen Window im fullscreen öffnen (manuell) andere Seite im neuen Window im fullscreen öffnen (auto / manuell) Möglichkeit aber nicht gleichwertig: Das Browserfenster maximieren (Pseudo-Vollbild) allerdings mit Toolbar, Menü, ..

download ZIP-Datei

Dateiname	Datei	Aufruf	Fenster
window-fullscreen-bsp01	neue	mit Link	neues Window fullscreen
window-fullscreen-bsp02	gleiche	mit Link	neues Window fullscreen
window-fullscreen-bsp03	neue	automatisch	neues Window fullscreen
window-max-bsp04	gleiche	automatisch	Browserfenster maximieren

<script type="text/javascript" language="JavaScript">
<!--
function fullScreen01(URL) {
window.open(URL,'Fenster01','fullscreen=yes, scrollbars=auto');
}
//-->
</script>

<a href="javascript:void(0);"
onClick="fullScreen01('dateiname.htm');">
öffnen
</a>

<a href="javascript:window.close('Fenster01');">Fenster schließen!</a>

<script type="text/javascript" language="JavaScript">
<!--

function fullScreen02() {
window.open("dateiname02.htm","Fenster02","fullscreen,scrollbars")
}

//-->
</script>

<a href="javascript:void(0);"
onClick="fullScreen02();">
öffnen
</a>

<form>
<input type="button" value="Fenster öffnen" onClick="fullScreen02()">
</form>

<a href="javascript:void(0);"
onClick="window.close('Fenster02');">
öffnen
</a>

<form>
<input type="button" value="Fenster schließen" onClick="window.close('Fenster02')">
</form>