|
|
Ein neues Browserfenster öffnet man mit HTML zum Einen über einen üblichen Link.
Durch Einsetzen des target- Attributes "_blank" erzwingt man das Öffnen des Link-Zieles in einem neuen Fenster:
 |
|
|
|
<a href="neueseite.htm"target="_blank">
|
|
|
|
|
[#SPACE
Durch den Einsatz von Javascript ist es möglich, neue Fenster zu erzeugen und deren Erscheinungsbild zu beeinflussen.
Mit der Javascript-Anweisung:
...wird ein neues Fenster erzeugt.
Durch die Übergabe von Parametern an diese Anweisung lassen sich Inhalt, Name und Erscheinungsbild des
neuen Fensters beeinflussen.
Notiert werden die Parameter, mit Anführungszeichen versehen und durch Kommata getrennt, in der Reihenfolge:
-
anzuzeigende Datei(HTML-Seite, Grafikdatei, swf-Movie...)
-
Name des Fensters(beliebiger Name, wird benötigt, um von anderen Fenstern aus per Hyperlink auf dieses
Fenster zugreifen zu können, indem man den Fensternamen dem target-Attribut des Links zuweist.
-
Weitere optionale Parameter,im einzelnen:
height | Höhe des Fensters in Pixeln |
width | Breite des Fensters in Pixeln |
top | vertikale Position in Pixeln |
left | horizontale Position in Pixeln |
location | Anzeige der Adressleiste(yes/no)-Voreinstellung:no* |
menubar | Anzeige der Menüleiste(yes/no)-Voreinstellung:no* |
toolbar | Anzeige der Werkzeugleiste(yes/no)-Voreinstellung:no* |
statusbar | Anzeige der Statuszeile(yes/no)-Voreinstellung:no* |
scrollbars | Anzeige der Scrollbalken(yes/no)-Voreinstellung:no* |
resizable | Fenstergröße durch Benutzer änderbar(yes/no)-Voreinstellung:no* |
dependent
(nur Netscape) | Schließen des Fensters beim Schließen des Erzeuger-Fensters(yes/no)-Voreinstellung:no |
hotkeys
(nur Netscape) | Ausführen von Tastatur-Befehlen im Fenster(yes/no)-Voreinstellung:yes |
innerWidth
(nur Netscape) | Breite des Anzeigebereiches des Fensters(in Pixeln) |
innerHeight
(nur Netscape) | Breite des Anzeigebereiches des Fensters(in Pixeln) |
fullscreen
(nur Internet-Explorer) | Öffnen des Fensters im Vollbildmodus |
|
|
|
|
 |
(*Sollte kein optionaler Parameter notiert sein, ist die Voreinstellung für den Internet-Explorer "yes")
|
|
|
|
|
|
Beispiel
Fenster öffnen mit "window.open()"
Quelltext des öffnenden Links:
|
|
|
|
<a href="#" onclick="window.open(
'http://www.dasprovisorium.de',
'dasprovisorium',
'height=300,width=500,top=50,left=20,location=yes,status=yes'
);
return false";>
Beispiel
</a>
|
|
|
|
|
Erläuterung:
Beim onclick- Event des Links wird die Javascript-Methode window.open() aufgerufen.
Als erster Parameter wurde dem Aufruf die URL http://www.dasprovisorium.de übergeben, wodurch die angegebene Adresse in diesem Fenster geöffnet wird.
Als name erhält dieses Fenster das Attribut dasprovisorium, über das sich bspw. über eine Angabe als target weitere Links in diesem Fenster öffnen lassen.
Lt. der Angabe der optionalen Parameter erscheint das Fenster in einer Grösse von 500x300 Pixeln, 50 Pixel von der oberen, und 20 Pixel von der linken Bildschirmkante entfernt. Adress-und Statuszeile werden angezeigt.
Um ein so erzeugtes Fenster per Javascript wieder zu schließen, definiert man die open()-Anweisung als Variable:
|
|
|
|
<a href="#" onclick="fenster=window.open(
'http://www.dasprovisorium.de',
'dasprovisorium',
'height=300,width=500,top=50,left=20,location=yes,status=yes'
);
return false";>
Beispiel
</a>
|
|
|
|
|
...infolgedessen man dann mit fenster.close() das erzeugte Fenster schliessen kann.
|
|
