Kontakt Home Grundlagen Scripts zum Kopieren Beispiele
JavaScript

Fenster öffnen

Beim Aufruf dieser Seite öffnet sich ein neues Fenster!

Das Fensteröffnen geht auch an einem Link mit einem Klick: [Für neues Fenster hier klicken!]

Und hier ein Fenster mit allen Schikanen:alle Schikanen. Die Funktion steht weiter unten erklärt.

Und es geht noch besser, einen großartigen Artikel (in englisch) über das 'perfekte PopUp-Fenster' habe ich hier gefunden: bei accessify.com gefunden!

Hier bei Dauerstress ist noch ein ausgezeichneter Pop-Up-Generator.

Und so gehts:

Folgendes Script packst du in den Head-Bereich deiner Seite:

 

<script language=JavaScript>
function fenster()
{
var win;
win=window.open("datei.html",
"NeuesFenster",
"width=50,height=80");
}
</script>

 

Und nun rufst du das neue Fenster wie folgt auf:

 

<body onLoad="fenster()">

 

Natürlich kannst du das auch anders definieren, z. B. erst an einem Link:

 

<a href='#' onClick="fenster()">

Erklärung zum Script:

win=window.open("datei.html",
"NeuesFenster",

öffnet die Datei "datei.html" in einem neuen Fenster namens "Neues Fenster")

"width=50, height=80")

Höhe und Breite des Fensters.

Folgende Anweisungen wären hier noch möglich:

  • scrollbars: YES, NO, AUTO (Voreinstellung: Auto) - sollen Scroller angezeigt werden oder nicht?
  • resizable: YES, NO - Größenveränderung am Fenster zulassen oder nicht?
  • toolbar: YES, NO - Wird die Menuleiste angezeigt oder nicht (wo z. B. der 'Zurück'-Button ist)?
  • locationbar: YES, NO - Adressleiste anzeigen?
  • menubar: YES, NO - Menu-Leiste anzeigen? (Enthält unter Windows u. a. die "Bearbeiten", "Datei" Anweisungen etc.)
  • personalbar - ist das Ding mit deinen Symbolleisten-Favoriten oder die Persönliche Symbolleiste-Ordner im Netscape.

Alle diese Anweisungen könnten bei Bedarf noch nach width und height innerhalb der Anführungszeichen und mit Kommata getrennt aufgeführt werden.

Das Fenster mit allen Schikanen:

function alleSchikanen()
{
var win;
win=window.open('datei.html','schick',
'toolbar=yes,location=yes,
status=yes,menubar=yes,
scrollbars=yes,resizable=yes,
width=300,height=500')
}

Kommt in den Script-Bereich im Kopf der Seite. Der Aufruf dann wie gewohnt:

<a href="#"
onClick="alleSchikanen()">
Link</a>

zurück zum index



ein projekt von hfl --> goto:www.liesong.de