Das DOM – das Mysterium der JavaScript-Welt - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 233

Listing 8.29■ Einsatz von open() und close()
var f = null;
function f1() {
f = open("http://rjs.de");
}
function f1_close() {
if (f == null) f.close();
}
function f2() {
open("http://autoren-net.de", "Afenster", "width=1000, height=750, "
+ " resizable=yes, directories=yes, menubar=yes, location=yes");
}
function f3() {
open("images/b4.jpg", "Afenster", "width=450, height=350, resizable=no, "
+ " directories=no, menubar=no, location=no");
}
In der Funktion f1() wird mit open() einfach eine neue Webseite in einem neuen Fenster
oder Tab geladen. Die Referenz auf die Webseite wird in der globalen Variablen f gespei-
chert, über die dann in der Funktion f1_close() die close() -Methode zum Schließen der
Fensterinstanz aufrut.
In der Funktion f2() zur Anzeige einer weiteren neuen Webseite kommen Optionen zum
Einsatz. Damit werden die Breite auf 1000 Pixel und die Höhe auf 750 Pixel gesetzt. Dazu soll
das Folgefenster in der Größe veränderbar sein sowie einen Verzeichnisbutton, eine
Menüzeile und eine Adresszeile besitzen. Der zweite Parameter für den Fensternamen ist
identisch mit dem Namen, den wir in der Funktion f3() verwenden. Das hat Konsequenzen.
In der Funktion f3() zur Anzeige einer lokalen Graik wird die Breite auf 450 Pixel und die
Höhe auf 350 Pixel gesetzt. Dazu sollen diese Folgefenster aber in der Größe nicht veränder-
bar sein sowie keinen Verzeichnisbutton, keine Menüzeile und keine Adresszeile besitzen.
Beachten Sie, dass sowohl f2() als auch f3() den Inhalt in der gleichen Fensterinstanz
öfnen, denn das ist die Konsequenz der identischen Fensternamen ( Afenster ). Das hat
auch die Folge, dass sich die unterschiedlichen Optionen in beiden Funktionen gegenseitig
beeinlussen, da sie die gleiche Fensterinstanz betrefen, wenn diese nicht zwischenzeitlich
geschlossen wurde.
8.9.3.4■Positionieren, verschieben und dynamisch in der Größe verändern
Mehrere Methoden von window dienen zum Positionieren und Verschieben sowie dynami-
schen Ändern der Größe. Auch hier muss man beachten, dass diverse Browsereinstellungen
und Randbedingungen diese Methoden beschränken und auch nicht alle Browser sämtliche
Methoden unterstützen. Fast alle neuen Browser deaktivieren diese Möglichkeiten, aber
grundsätzlich können Sie eigenständige Fenster mit den Methoden dynamisch positionie-
ren und verschieben sowie in den Abmessungen anpassen.
Ein Beispiel zum Positionieren und Ändern der Größe
Da die Techniken in der Praxis durch die Beschränkungen der Browser kaum sinnvoll anzu-
wenden sind (eigentlich nur noch in alten Browsern), inden Sie das Beispiel zum dynami-
schen Ändern eines Fensters nur unter http://downloads.hanser.de (kap8_13.html) .