 Anwenderfreundliche Standardfunktion 01
Auch dieses Window-Script soll innerhalb der Webseite mehrmals verwendet werden. Dabei sollen die unterschiedlichen wichtigsten Eigenschaften (Dateiname, Größe, Parameter für Scrollbars und Größenänderung) jedes Mal übergeben werden.
|
|
Funktion für flexible Größe + Parameter für Scrollbars & Größenänderung
Dieses Script findet wohl die häufigste Verwendung, bietet es doch die üblicherweise notwendigen Übergabeparameter für die Anpassungen gleich im Aufruf. Das bedeutet: Erst beim Aufruf der Window-Funktion werden folgende Eigenschaften festgelegt:
- Dateiname für den Fensterinhalt
- Breite in Pixel
- Höhe in Pixel
- Scrollbar ja / nein
- Groesse veränderbar ja / nein
Variablen des Scripts (Auszug)
Der Funktion werden die hier gelisteten Parameter beim Aufruf übergeben die dann innerhalb der Funktion genutzt werden. Ich setze zur Darstellung unterschiedliche Farben ein, um ihnen den Bezug der Übergabewerte beim Aufruf (siehe weiter unten) zu verdeutlichen.
| url |
für den Dateinamen |
| w |
für die Breite des Fensters |
| h |
für die Höhe des Fensters |
| s |
für den Umschalter "Scrollbar" ja / nein |
| r |
für den Umschalter "Größe veränderbar" ja / nein |
Aufruf im Body
Entsprechend dieser Reihenfolge sind die Werte beim Aufruf zu übergeben.
<a href="javascript: popwin1('datei04.htm','700','450',1,1)"> Linktext </a>
Ganz nebenbei: Die Demo-PopUps werde hier zentriert angezeigt! Die Berechnungen dazu, schließlich ist die Position von der Pop-Up-Window- und Fenstergröße abhängig, werden automatisch durchgeführt. Auf die Positionierung gehe ich bei den Erklärungen hier nicht ein. Dazu gibt es eine eigene Erklärungsseite  Window zentrieren
| |
Demo der Anwendung
 Pop-Up-Window öffnen 
Größe: 700x450, Datei: rot.htm, Scrollbar: ja, Größe veränderbar: ja
<a href="javascript: popwin1('rot.htm','700','450',1,1)"> ...
Pop-Up-Window öffnen
Größe: 200x400, Datei: gelb.htm, Scrollbar: nein, Größe veränderbar: nein
<a href="javascript: popwin1('gelb.htm','200','400',0,0)"> ...
PopUp-Window Hintergrundwissen
PopUp-Window definieren 01
PopUp-Window definieren 02
PopUp-Window Attribute
PopUp-Window flexible Größe
PopUp-Window deLuxe
|
Home • PopUp-Windows • PopUp-Window Standardsript 01
QuellCode