Vollbildmodus
    
WWW.WEB-TOOLBOX.NET
BEISPIELE  DOWNLOAD ScriptCode ZURÜCK SITEMAP  

  Window Fullscreen öffnen

manchmal ist es vorteilhaft ein Fenster in der gesamten Bildschrimgröße zu öffnen. Da bietet sich für Text-Downloadseiten, Bildergalerien usw. an.

Das Fenster öffnet ohne

  Menüleiste

  Symbolleiste

  Titelzeile (Netscape 4.x)

  Randanzeige


Bitte denken Sie unbedingt an eine Option das Fenster zu schließen ! Das geht mittels JavaSript Text- oder Imagelink. (Anleitung weiter unten)



 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 wurde. 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 (Psydo-Vollbild) allerdings mit Toolbar, Menü, ..
 Ende der Zwischenbemerkung

 

27.Juli 2003 : 4 Beispiele


download ZIP-Datei , 4 Beispiele sind in der ZIP-Datei enthalten:

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 



Beispiel für Vollbildmodus per Link

Fullscreen-Window öffnen

Das aufgerufene Window öffnet im Vollbildmodus.



  Script im Head

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

  im Body: Link zum Aufruf

Zur Anpassung folgende Änderungen im Aufruf:

Element   hier im Beispiel  ersetzen mit  
Dateiname dateiname.htm Dateiname 


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

  Im Window: Link zum Schließen

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


... und hier 2 Buttons (transparent) zum Download:

    

Mehr finden Sie auf meiner Image-Download-Seite:

Mini-Images für den Webmaster (neues Browserfenster)





NACH OBEN