 |
Browser beim Anzeigen der Homepage maximieren
Sie haben eine Homepage erstellt und im Internet veröffentlicht. Für eine optimale Ansicht sollten die Besucher das Fenster Ihres Browsers maximieren. Mit einem kleinen Kniff – programmiert in JavaScript – können Sie die Vollbilddarstellung beim Aufruf automatisieren.
Fügen Sie folgenden Code im Kopfteil Ihrer HTML-Datei zwischen den Befehlen »<HEAD>« und »</HEAD>« ein, so dass ein Browser das Skript beim Laden der Seite automatisch ausführt:
<SCRIPT language="JavaScript"> <!-- vor alten Browsern verstecken
var Breite
var Hoehe
Breite=window.screen.availWidth;
Hoehe=window.screen.availHeight;
window.moveTo(0,0);
window.resizeTo(Breite, Hoehe); // --> </SCRIPT>
Das Skript (CHIP-Code PRAXIS09) nutzt das Objekt »window« – es repräsentiert das Browserfenster Ihres Besuchers. Außerdem referenziert »window« das Objekt »screen«, das Ihnen beispielsweise Auskunft über die Bildschirmauflösung Ihres Besuchers erteilt. Zuerst liest das Skript die Eigenschaften »availWidth« und »availHeight« des Objektes »screen« aus. Darin finden sich Breite und Höhe der Bildschirmauflösung abzüglich der Taskleiste und anderer durch das Betriebssystem angezeigter Elemente. Die Angabe dieser Werte erfolgt in Pixel. Dann werden die ermittelten Größen den zuvor deklarierten Variablen »Breite« und »Hoehe« zugewiesen. Nun erfolgt die eigentliche Anpassung des Browsers: Mit der Funktion »moveTo(0,0)« des Objektes »window« verschiebt das Skript den Browser in die obere, linke Ecke des Bildschirms. Danach verwenden Sie die Funktion »resizeTo()« und übergeben als Parameter die in »Breite« und »Hoehe« gespeicherten Angaben. Dadurch wird die Größe des Browserfensters maximiert.
! Achtung: Das Skript funktioniert nur, wenn Benutzer das Ausführen von Java-Script-Programmen nicht unterbinden.
|
 |