Neues Fenster - Popup Window

Das sich ein neues Fenster beim Betreten einer Homepage öffnet, ist dank Bannerwerbung inzwischen fast Alltäglichkeit. Diese WebSite-Funktion kann auch zu Informationszwecken genutzt, sollte aber nicht übertrieben werden. Einerseits gibt es die Möglichkeit, Verknüpfungen mittels target="bezeichner"-Angabe, in einem neuen Fenster öffnen zu lassen. Nachteil dieses Verfahrens ist, dass die Fenstergröße, Position und die Fensterleisten immer »default«, d.h. von den Besuchereinstellungen des Browsers abhängen und bestimmte Efekte nicht erzielt werden können. Mittels JavaScript ist es möglich, diese Benutzerungewissheit zu umgehen.

Mit dem NeuWin-Tool (geschrieben in JavaScript) können Sie den Quellcode für ein JavaScript nach Eingabe der gewünschten Optionen und Eigenschaften erstellen und zum Testzweck wird dieses Fenster mit den gewählten Einstellungen auch gleich geöffnet:

• einen einfachen Link zum Popup-Fenster-Link (nach HTML-4-Standard) machen,
• ein JavaScript erzeugen, das eine vergleichbare Funktion aufweist,
• ein JavaScript erstellen, dass beim Überfahren des Links mit der Maus ein neues Fenster erzeugt,
• sowie ein JavaScript, mit dem beim Öffnen einer Seite ein weiteres Fenster geladen wird.

Geben Sie hierzu die Eigenschaften des neuen Fensters in die Formularfelder ein und klicken dann auf den Button »Fenster testen«. Die angegebene URL wird in einem Neuen Fenster mit den gewollten Eigenschaften geöffnet und in das Textfeld unterhalb wird der dazu gehörende HTML-Code geschrieben.
Kopieren Sie den Code als <a href="...">-Tag des Verweises in die Internetseite, mit welchem Sie ein Popup-Fenster erzeugen wollen, in das Dokument kopiert werden.
Der Name des Fensters ist mit "NewWindows" voreingestellt. Sollten sie mehrere Links in Ihre WebSite einfügen, die in einem neuen Fenster geöffnet werden sollen, ist es u.U. sinnvoll, diesen Links unterschiedliche Fensternamen zu geben. Sollte nämlich ein Fenster mit dem (internen) Fensternamen "NewWindows" bereits existieren, wird dieser in das bereits existierende Fenster geöffnet!, welches sich dann evtl. im Hintergrund befindet und vom Seitenbesucher als "merkwürdiger", nicht funktionierender Link wargenommen wird. Geben Sie deshalb jedem Link einen eigenen, speziellen und "seltenen" Namen, um dies zu vermeiden.

Das JavaScript ist nach folgendem Muster aufgebaut:
window.open(URL, windowName, Windowproperties)
Der JavaScriptbefehl window.open öffnet ein neues Fenster.
Frei definiert werden können:

• die URL, mit relativer oder absoluter Pfadangabe,
• der interne Fenstername, der je nach Funktion einmalig oder gleich sein sollte, sowie
• die Windowproperties, die die Fenstergröße, -position und das Anzeigen verschiedenen Leisten bestimmt.
  Folgende Properties können definiert werden:

Fenstergröße in Pixel
width=[pixel],
height=[pixel],
Position in Bezug auf die Linke Bildschirmecke
top=[pixel],
left=[pixel],
Anzeigen / Verstecken der verschiedenen Fensterleisten
directories=[yes/no],
location=[yes/no],
menubar=[yes/no],
resizable=[yes/no],
scrollbars=[yes/no],
status=[yes/no],
toolbar=[yes/no],
Um diese Seite in einem neuen Fenster mit 620 Bildpunkten Breite und 450 Bildpunkten Höhe sowie einem Abstand zur linken oberen Ecke von 22 Bildpunkten nach links und unten sowie mit allen Bildschirmleisten zu öffnen ergibt sich folgendes JavaScript-Schema:
<script type="text/javascript">
<!--
function popUp1() {
popUp=window.open('browser_1popupwin.html', 'NewWindows', 'toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=620,height=450,left=22,top=22');
};
// -->
</script>
Je nachdem wie das Fenster aufgerufen werden soll, ergibt sich bezüglich Position und Funktion ein entsprechender Code. Sie können für Ihre Zwecke mit dem NewWin-Tool Code erzeugen und in Ihre HTML-Dateien einfügen.

© 2000