Tips & Tricks: Ein neues Fenster öffnen


Wenn Sie mit JavaScript ein Fenster öffnen, so wird hierbei einfach ein neues Browser-Fenster geöffnet. Dieses Fenster können Sie nach eigenen Wünschen anpassen. So können Sie die Höhe und Breite bestimmen und falls gewünscht alle Fensterelemente des Browsers mit einbinden. Hierzu geben Sie folgenden Source-Code im Header-Bereich an:


    function neuesFenster(){

    msgWindow=window.open("misc/fenster.html",
                          "Fenstername",
                          "toolbar=no,
                           width=350,
                           height=400,
                           directories=no,
                           status=no,
                           scrollbars=yes,
                           resize=no,
                           menubar=no")
   }


Der erste Eintrag referenziert den Link zur HTML-Dokument mit dem Fensterinhalt. Hier können Sie einen beliebigen Inhalt nach der HTML-Spezifikation eingeben (Text, Grafik, Foramtierungsanweisung, Frames, uws.). Als Fenstername vergeben Sie einen Namen, mit dem Sie später erkennen könnne, um was für einen Inhalt es sich handelt. Für die Angaben zu den Fensterelementen haben Sie die Optionen "yes" und "no". Um dieses Script auszuführen, benötigen Sie einen eventHandler. Hierzu geben Sie an einer beliebigen Stelle Ihres Dokuments folgende Anweisung an:


<FORM>
<INPUT TYPE = "button" VALUE = "Neues Fenster" 
onClick = "neuesFenster()">
</FORM>


Mit der Anweisung onClick wird das Script aufgerufen. Hierbei können Sie auch einen Textlink oder eine Grafik als Link verwenden:



<A HREF="JavaScript:neuesFenster()">... 
Beschreibungstext oder Grafik ...</A>


Neues Fenster