Popup Window with Javascript Mini-Howto

Einen HTML Link setzen ist einfach. Den Link in einem neuen Fenster öffnen ebenfalls (target=“_blank“). Diesen Link aber in einem neuen Fenster öffnen. welches gewissen Anforderungen erfüllt, ist dann bereits nicht mehr so trivial, da man zumindest die Javascript-Optionen kennen muss. Dieses Mini-Howto zeigt wie man es macht.

Also, ohne um den heißen Brei herum zu reden, hier ist ein Beispiel:

Link-Name

Wenn ein Browser kein Javascript versteht, wird dabei nur auf die aktuelle Seite verlinkt, bzw. es passiert gar nicht. Gesetzt dem Fall aber der Browser interpretiert das Javascript richtig passiert folgendes:

onClick=“javascript:window.open
Dies öffnet bei Mausklick ein Fenster mit folgenden Parametern:

(‚http://cee.de‘,
Der erste Parameter ist die URL

‚PopUpWindow‘,
Dieser Parameter definiert den Namen der Seite, welcher beliebig gewählt werden kann, aber keine Sonderzeichen, noch Umlaute, noch unbedingt Leerzeichen enthalten sollte

‚width=800, height=600, resizable=yes, scrollbars=yes, location=no, status=no‘);
Diese Zeile definiert Fensterattribute, in unserem Fall eine Breite von 800 Pixel, eine Fensterhöhe von 600 Pixel, das Fenster ist vom User vergrößer/kleinerbar (resizable=yes), Scrollbalken werden angzeigt, die URL-/Adresse/Location-Leiste soll (sofern vom Browser unterstützt) nicht angezigt werden, ebenso die Statuszeile (die Leiste ganz unten beim Browser).

Dies sind ganz grob die wichtigsten Einstellungen, weitere Parameter sind ebenfalls möglich, wobei anstatt 1 auch „yes“ und anstatt der Einstellung 0 auch „no“ verwendet werden kann.

Eine Übersicht der Fensterparameter folgt hier…

directories=0|1 Anzeige der Directoy-Buttons/Lesezeichenleiste (yes/no)
location=0|1 Anzeige der URL/Adress-Leiste (yes/no)
menubar=0|1 Anzeige der Browser-Menüleiste (yes/no)
resizable=0|1 Fenster vergößer/-kleinerbar (yes/no)
scrollbars=0|1 Anzeige von Scrollbalken (yes/no)
status=0|1 Anzeige der unteren Browser-Statusleiste (yes/no)
toolbar=0|1 Anzeige der Toolbar (yes/no)
height=800 Fenster-Höhe (in Pixel)
width=600 Fenster-Breite (in Pixel)
left=50 Abstand des Fensters vom Bildschirmrand links (Pixel)
top=50 Abstand des Fensters vom Bildschirmrand oben (Pixel)