|
Besucher - PopUp-Fenster - HTML-Code
Die JavaScript-Funktion sieht so aus:
<SCRIPT LANGUAGE="JavaScript">
<!--
|
JavaScript-Code muss sich immer im Kopfbereich der Seite befinden, also zwischen dem <HEAD> und dem </HEAD>. Der Beginn wird durch das <SCRIPT>-Tag bestimmt. Danach befindet sich ein Kommentar-Anfang, damit der Browser den JavaScript-Code nicht als HTML-Code interpretiert.
function popup()
{
var visit = getCookie( "popup");
if (visit == null)
{
var expire = new Date();
window.name = "home";
window.open( "popup.html", "popup", "width=350,height=220,
toolbar=no,menubar=no,location=no;scrollbars=no");
// Cookie wird gelöscht nach 7 Tagen
// (a 24 Stunden, a 60 Minuten, a 60 Sekunden)
expire = new Date( expire.getTime() + (7*24*60*60*1000));
document.cookie = "popup=ja; expires="+expire;
}
}
|
Der entscheidende Befehl im JavaScript-Code ist der Befehl "window.open", der das PopUp-Fenster öffnet. Als Parameter wird zunächst die HTML-Datei mit dem PopUp-Code mitgegeben – in diesem Beispiel "popup.html". Danach kommt ein Name für das neue Fenster, in diesem Fall "popup". Anschließend werden die Breite und Höhe des neuen Fensters sowie einige Einstellungen, die die An- bzw. Abwesenheit der Menü-Zeile, Toolbar und Scrollbars festgelegt.
Das Drumherum ist eine zusätzliche, sehr nützliche Funktionalität. Sie legt fest, dass das PopUp-Fenster nicht bei jedem Seitenaufruf des gleichen Benutzers wieder erscheint – und er sich dadurch genervt fühlt -, sondern sie legt einen Zeitraum fest, in dem das Fenster nicht mehr gezeigt werden soll. Dafür wird ein Cookie gesetzt mit dem Zeitpunkt, bis zu dem keine Anzeige mehr erfolgen soll. Die Variable "expire" erhält diesen Wert. Da der Wert in Millisekunden festgelegt wird, müssen die Tage – im Beispiel "7" - mit den Stunden, Minuten, Sekunden und Millisekunden multipliziert werden. Ändern Sie einfach den Wert "7" auf die Anzahl von Tagen, in denen das PopUp-Fenster beim gleichen Besucher nicht mehr erscheinen soll.
function getCookie( name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring( i, j) == arg)
return "ja";
i = document.cookie.indexOf( " ", i) + 1;
if (i == 0)
break;
}
return null;
}
|
Die Funktion "getCookie" erfragt den aktuellen Wert des übergebenen Cookie-Parameters. Sie wird ganz zu Beginn der "popup"-Funktion aufgerufen, um sicherzustellen, dass das PopUp-Fenster nicht mehr erscheint, wenn es im definierten Zeitraum bereits zu sehen war. Übernehmen Sie diese Funktion so wie gezeigt; ich erspare mir eine detaillierte Erklärung. Es handelt sich um eine Art Standardfunktion, die einen Cookie-Wert ermittelt.
Der JavaScript-Code endet mit dem Kommentar-Ende und dem Schlusszeichen des <SCRIPT>-Bereichs.
Jetzt bleibt mir nur noch, Ihnen viel Erfolg mit Ihrem PopUp-Fenster zu wünschen.
|
|
|
Werbung
|
