 Attribute eines PopUp-Windows open() Parameter
Für ein neues Browserfenster, das Sie mit einem Veweiß und dem Attribut target="_blank" öffnen, können sie Größe und weitere Eigenschaften nicht bestimmen! Bei einem mit JavaScript erzeugten PopUp-Window schon.
|
|
Mit Attributen das Erscheinungsbild festlegen
Wenn Sie meine Beispiele zur Erzeugung eines PopUp-Windows erweitern oder ändern möchten, wäre es von Vorteil zu wissen, welche Möglichkeiten Sie haben die Eigenschaften festzulegen, um das Erscheinungsbild des PopUp-Windows nach Ihren Wünschen zu bestimmen. Dem sind allerdings Grenzen gesetzt:
a Sicherheitseinstellungen
Die Sicherheitseinstellungen neuer Browser verhindern manchmal die Ausführung solcher Anweisungen. Zum Beispiel wird oft die Anweisung zur Unterdrückung der Statuszeile ignoriert.
b Benutzereinstellungen
Die pers. Einstellungen des Seitenbesuchers für den Browser (Menü: Extras - Einstellungen) haben ebenfalls einen Einfluss.
Erscheinungsbild des PopUp-Windows durch Attribute festlegen
PopUp-Windows geben Ihnen die Möglichkeit einen Inhalt, eine Erklärung oder z.B. eine Großansicht eines Fotos in einem neuen Fenster zu zeigen, ohne das aufrufende Browserfenster zu überschreiben.
Für JavaScript PopUp-Windows können die Eigenschaften bestimmt werden. In der Abbildung die wichtigsten:
Die Eigenschaften für ein PopUp-Window werden beim Erzeugen eines neuen Fenster-Objekts durch Attribute in der Anweisung zum Öffnen des Fensters bestimmt. Neben dem Dateinamen und dem Namen für das Fenster-Objekt haben wir bisher lediglich Informationen zur Größe des Fensters eingetragen.
fenster01=window.open(URL,'Infofenster','height=400,width=500');
Grundsätzlicher Syntax:
fenster01=window.open("URI","Fenstername","Attibute");
Die Methode zum Öffnen einen PopUp-Windows nutzt 3 Argumente: Die Adresse der darin dargestellten Seite (URI), den Namen des Windows und optional mehrere Attribute für die Eigenschaften des neuen Fensters.
Die Fenstereigenschaften (Attribute) können Sie individuell festlegen. Weiter unten finden Sie eine Übersicht. Die Liste biete ich Ihnen auch als PDF-Datei zum Ausdrucken an.
Ein PopUp-Window konfigurieren
- Die Eigenschaften für das PopUp-Window werden einfach nacheinander eingetragen.
- Die Einträge sind durch ein Komma voneinander getrennt.
- Sämtliche Einträge stehen in einer Zeile, also ohne Zeilenumbruch.
a) übliche Schreibweise für den Eintrag von Attributen:
Die Angaben zur Konfigeration stehen innerhalb von (einstrichigen) Anführungszeichen.
'height=350, width=400, toolbar=no, menubar=no, scrollbars=no, ... '
<script type="text/javascript" language="JavaScript">
<!--
function PopUp10()
{
Fenster10 = window.open ('dateiname.htm', 'MeinFenster', 'height=350,
width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no, directories=no, status=no')
}
// -->
</script>
Die Einträge stehen normalerweise in einer Zeile ohne jeden Zeilenumbruch. Oben habe ich gegen diese Regel lediglich zur besseren Übersicht verstoßen.
Die Eigenschaften können Sie anpassen. Sie können Eigenschaften weglassen oder um weitere ergänzen. Ich habe Angaben zur Unterdrückung verschiedener Menü- und Symbolleisten notiert. Allerdings verhindern die Sicherheitseinstellungen einiger Browser die Ausführung solcher Anweisungen.
b) andere Schreibweise für den Eintrag von Attributen:
Die Angaben zur Konfigeration stehen hinter dem Begriff "config" und dem Gleichheitszeichen innerhalb von (einstrichigen) Anführungszeichen.
config='height=350, width=400, toolbar=no, menubar=no, scrollbars=no, ... '
<script type="text/javascript" language="JavaScript">
<!--
function PopUp10()
{
Fenster10 = window.open ('dateiname.htm', 'MeinFenster', config='height=350,
width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no, directories=no, status=no')
}
// -->
</script>
Die Einträge stehen normalerweise in einer Zeile ohne jeden Zeilenumbruch. Oben habe ich gegen diese Regel lediglich zur besseren Übersicht verstoßen.
Die Eigenschaften können Sie anpassen. Sie können Eigenschaften weglassen oder um weitere ergänzen. Ich habe Angaben zur Unterdrückung verschiedener Menü- und Symbolleisten notiert. Allerdings verhindern die Sicherheitseinstellungen einiger Browser die Ausführung solcher Anweisungen.
Bedeutung der Eigenschaften für dieses PopUp
Höhe 350 Pixel, Breite 400 Pixel, keine Toolbar, keine Menübar, keine Scrollleisten, Größe nicht veränderbar, keine Locationbar, keine Directory, keine Statuszeile.  Fenster öffnen
height
height = 350,
'height' bezeichnet die Höhe des PopUp-Windows in Pixel.
width
width = 400,
'width' bezeichnet die Breite des PopUp-Windows in Pixel.
toolbar
toolbar=no, | toolbar=yes,
toolbar = no bedeutet: Eine Symbolleiste wird nicht angezeigt.
Diese Symbolleiste ist die Leiste mit den Schaltflächen der Browsersteuerung am oberen Rand des Browserfensters. Sie zeigt üblicherweise die Zürück-, Vor- Stop-, Neu-Laden-Buttons.
menubar
menubar=no | menubar=yes
menubar = no bedeutet: Eine Menüleiste wird nicht angezeigt.
Die Menüleiste ist die Leiste mit den Auswahlen Datei, Bearbeiten, Ansicht, Chronik, Lesezeichen, Extras, Hilfe ...
scrollbars
scrollbars=no | scrollbars=yes
scrollbars = no bedeutet: Scrollbars / Bildlaufleisten werden nicht angezeigt.
Scollbars sind die Bildlaufleisten die (bei Bedarf?) am linken und unteren Fensterrad angezeigt werden.
resizable
resizable=no, | resizable=yes,
resizable = no bedeutet: keine Größenänderung möglich
Ist ein Fenster 'resizable' bedeutet das: Der Nutzer kann die Fenstergröße durch Ziehen verändern.
location
location=no | location=yes
location = no bedeutet: keine Adressleiste
In der Adressleiste des Browser-Fensters, wird die URL angezeigt.
directories
directories=no, | directories=yes,
directories = no bedeutet: keine Directory-Leiste
Auf dieser Leiste am oberen Rand des Browser-Fensters, werden die Lesezeichen (Bookmarks) angezeigt.
status
status=no | status=yes
status = no bedeutet: keine Statusleiste
Die Statusleiste (Statusbar) ist ein Bereich am unteren Rand des Browserfensters. Dort werden Informationen für den User angezeigt, zum Beispiel der Ladefortschritt der Seite oder bei einem Link während MouseOver das Verweisziel. Neuere Versionen des Mozilla-Browsers zeigen aus Sicherheitsgründen grundsätzlich eine Statusbar an!
Die Ja / Nein Attribute für ein PopUp-Window werden in der Regel als yes / no eingetragen. Manchmal sehen Sie auch Einträge die als (Boolean value) mit 1 / 0 notiert wurden.
Attribute in alphabetischer Reihenfolge
Beispiel Zusammenfassung von Attributen
Übersichtlich wäre eine Zusammenfassung von Attributen, die man in eine Variable (Platzhalter) schreibt. Die Elemente müssen durch ein Komma getrennt aufgeführt werden. Dort wo die Attribute des Windows normalerweise stehen, wird dann lediglich der Variablenname eingetragen.
<script type="text/javascript" language="JavaScript">
<!-- Begin
function NeuesFenster()
{
var eigenschaften="top=100,left=100,width=200,height=150";
/*
weitere Attribute (können durch voranstellen von "//" deaktiviert werden
*/
eigenschaften = eigenschaften + ",menubar=no";
eigenschaften = eigenschaften + ",resizable=yes";
eigenschaften = eigenschaften + ",scrollbars=no";
// eigenschaften = eigenschaften + ",location=no"; (deaktiviert)
eigenschaften = eigenschaften + ",directories=no";
eigenschaften = eigenschaften + ",status=yes";
fenster01 = window.open('datei.htm','MeinFenster',eigenschaften);
}
// End -->
</script>
Kontrolle: Den Inhalt der Variablen 'eigenschaften' anzeigen
 PopUp-Window Hintergrundwissen
PopUp-Window definieren 01
PopUp-Window definieren 02
PopUp-Window flexible Größe
PopUp-Window Standard-Script
PopUp-Window deLuxe
|
Home • PopUp-Windows • Attribute eines PopUp-Windows 
