JavaScript
Diese Seite drucken Hier können Sie uns eine Emaiil schreiben zurück Zur Übersicht vorwärts Links | Archiv   Letzte Änderungen 28.09.2021
     
Ein Fenster, das den Bildschirm überquert
Noch origineller als ein Bild, das eine Seite überquert, ist ein Fenster, das den Browser überquert. Dies kann hilfreich sein, um einen Hinweis anzuzeigen, bevor ein Benutzer die Website besucht.

Fügen Sie das folgende Skript in den Kopf Ihrer Seite ein:

<script>
<!-- Beginning of JavaScript -
var popwindow
var popwindowwidth=480
var popwindowheight=80
var popwindowtop=20
var popwindowURL="popupcontent.htm"
var waitingtime=4
var pause=40
var step=40
var popwindowleft=-popwindowwidth-50
var marginright
var pagecenter
var timer

waitingtime= waitingtime*1000

function showWindow() {
popwindow = window.open(popwindowURL, "popwindow", "toolbar=no,width="+popwindowwidth+
",height="+popwindowheight+",top="+popwindowtop+",left="+(-popwindowwidth)+"");
if (document.all) {
marginright = screen.width+50
}
if (document.layers) {
marginright = screen.width+50
}
pagecenter=Math.floor(marginright/2)-Math.floor(popwindowwidth/2)
movewindow()
}

function movewindow() {
if (popwindowleft<=pagecenter) {
popwindow.moveTo(popwindowleft,popwindowtop)
popwindowleft+=step
timer= setTimeout("movewindow()",pause)
}
else {
clearTimeout(timer)
timer= setTimeout("movewindow2()",waitingtime)
}
}

function movewindow2() {
if (popwindowleft<=marginright) {
popwindow.moveTo(popwindowleft,popwindowtop)
popwindowleft+=step
timer= setTimeout("movewindow2()",pause)
}
else {
clearTimeout(timer)
popwindow.close()
}
}

// -->
</script>

Passen Sie das Skript mit folgenden Argumenten an:

  • Geben Sie die Breite und Höhe des überquerenden Fensters in Pixel an (popwindowwidth=480 und popwindowheight=80).

  • Definieren Sie die Höhe des Fensters in Bezug auf das übergeordnete Fenster (popwindowtop=20). In unserem Beispiel wird das überquerende Fenster 20 Pixel unter dem oberen Rand des übergeordneten Fensters platziert.

  • Geben Sie die Datei an, die im überquerenden Fenster angezeigt werden soll (popwindowURL="popupcontent.htm").

  • Wählen Sie einen Zeitraum in Sekunden, den das Fenster unbeweglich in der Bildschirmmitte angezeigt wird (waitingtime=4).

  • Legen Sie die Abrollgeschwindigkeit des Fensters fest, indem Sie die bei jedem Schritt zurückgelegte Entfernung (step=40) und den Zeitraum zwischen zwei Schritten (pause=20) angeben.

Vergessen Sie nicht, dieses Skript im HTML-Tag Ihrer Seite zu aktivieren:

<body onLoad="showWindow()">