Auf vielen WebSeiten öffnen sich wie aus dem Nichts irgendwelche Fenster. Diese sogenannten Popups enthalten oft nervige Werbebanner und irritieren den Leser nur, da er sich Informationen holen möchte und nicht irgendein Waschmittel kaufen will.

Es gibt jedoch auch sinnvolle Anwendungen. Zum Beispiel um den Besucher auf News oder Updates hinzuweisen oder einfach nur um eine Botschaft zu hinterlassen, die den Leser auch interessiert und mit der Seite direkt im Zusammenhang steht.

Ich möchte euch auf dieser Seite einen Überblick verschaffen, wie diese Fenster erstellt und in die WebSeite eingefügt werden.

Als erstes wird zwischen den head tags folgender Code eingegeben:

<script language="JavaScript">
<!--
function fenster()
{
NeuesFenster=window.open("datei.html","Fenstername","width=300,height=300")
}
//-->
</script>

In der Zeile NeuesFenster=window.open("datei.html","Fenstername","width=300,height=300") bedeutet datei.html das die Datei mit dem Namen datei.html im neuen Fenster dargestellt wird. Fenstername ist einfach der Name des Fensters und kann beliebig vergeben werden. Die Vergabe eines Namens ist wichtig, da dieser später als target-Attribut verwendet werden kann und links aus dem Hauptfenster im neuen Fenster angezeigt werden können.(Vergleichbar mit der Namensvergabe bei Frames). Die Attribute width und height geben die Breite und Höhe des neuen Fensters an und werden in Pixel angegeben. Werden diese Attribute weggelassen, öffnet sich ein neues Fenster in der Darstellungsgrösse des Browsers.

Die simpelste Form eines neuen Fensters würde also lauten: NeuesFenster=window.open("","neu","")

Ein einfaches Fenster ohne Inhalt mit dem Namen neu und der Vorgabegrösse des Browsers wird erstellt. Jedoch sind die Möglichkeiten zur Darstellung weitaus grösser als im obigen Beispiel.

Ausser der Möglichkeit die Breite und Höhe des neuen Fensters vorzugeben kann noch einiges an Attributen angegeben werden. Einfach zwischen die letzten Anführungszeichen gesetzt und durch Kommata getrennt, werden diese dann dargestellt. Nichtaufgeführte Attribute werden einfach ignoriert und als no angenommen. Die Fensteroption bekommt den Zusatz: scrollbars=yes wenn z.B. die Scrollbalken angezeigt werden sollen.

Folgende Fensteroptionen sind noch möglich:

zurück