JavaScript / Fenster Parameter

von: Werner Zenk

Das JS-Beispiel öffnet ein neues Fenster mit einstellbaren Parametern.

<script type="text/javascript">
  function oeffne_fenster() {
   window.open("Seite.htm","Name","directories=yes,menubar=yes,
status=no,width=450,height=300")}
</script>

<a href="Javascript:oeffne_fenster()">Neues Fenster</a>

Mit den folgenden Parametern können Sie das Fenster beeinflussen.

Bezeichnung	Werte	Bedeutung
`directories`	`yes, no`	Leiste mit Verzeichnis-Buttons
`width, height`	Pixelzahl, nur numerisch	Höhe und Breite des Anzeigebereiches im neuen Fenster
`location`	`yes, no`	Eingabefeld zur Eingabe von URL's in den Browser
`menubar`	`yes, no`	Menüleiste
`resizable`	`yes, no`	Fenstergröße veränderbar
`scrollbars`	`yes, no`	Horizontale und vertikale Scrollbars werden bei Bedarf angelegt
`status`	`yes, no`	Statuszeile
`toolbar`	`yes, no`	Browser-Leiste mit Vor- und Zurück-Button
`fullscreen`	-	Vollbild (nur I.Explorer)
`top - left`	Angabe in Pixel	Fenster-Position von Oben und von Links

Beispiel 2: Fenster beim Laden der Seite öffnen
und in die Mitte des Bildschirms setzen.

<script type="text/javascript">
 function fenster() {
 var weite = 300
 var hoehe = 200
 fenster=window.open('seite.htm','fenster','resizable=yes,width=' + 
weite + ',height=' + hoehe)

 fenster.moveTo(((screen.availWidth-weite)/2),((screen.availHeight-hoehe-100)/2))
 }
</script>

<body onLoad="fenster()">

Oder öffnen mit Hyperlinkink:

<a href="javascript:fenster()"> Fenster </a>

Beispiel 3: Neues Fenster öffnen mit Hyperlink und JS
Die Parameter (directories, menubar, usw.) sind auf "0" gesetzt,
erst bei Angabe, werden sie angezeigt.

<a href="#"
 onclick="window.open('index.html','nr','scrollbars,width=300,height=400')">
Neues Fenster</a>

Seitenanfang

Lesezeichen setzen

RSS Feed abbonieren

Hits: 536 - Bewertungen: 1


Ihr Kommentar Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Das könnte Sie interessieren:

CSS Datei erstellen - Externe Seitenformatierung mit CSS (Separate CSS-Datei)

Design in der Titelzeile

E-Mail Netiquette - So macht Ihre E-Mail Eindruck. Schlampig verfasste E-Mails trüben die Leselust.

CSS-Sprites einfach erstellen

Aufzählungszeichen mit Bild - Sie können eine eigene Grafik als Bullet-Zeichen für Aufzählungslisten bestimmen.

Bilder übereinander legen (stapeln) - Mit CSS (z-index) können Sie Objekte (Bilder, Text, Container, ...) übereinander legen (stapeln).

Zeilennummerierung - (Listing Generator). Eine automatische Zeilennummerierung für Text, HTML, JavaScript oder PHP-Code.

Blinkender Hintergrund 2 - Möchte man auf seiner Homepage, auf etwas aufmerksam machen, so kann dieser blinkende Text-Hintergrund eingesetzt werden. …mehr