Begrüssungs-Pop-up-Fenster
Was noch sehr hübsch (und nervtötend) ist, sind Begrüssungs-Pop-up. Du musstest es gerade ausfüllen. Der Besucher wird aufgefordert, seinen Namen einzutragen, und wird nachher mit diesem willkommen geheissen. Hier brauchen wir zwei Scripts, die wir in zwei verschiedene Seiten einfügen. Die erste ist diese Hauptseite 'grusspop.html'. Das kleine Pop-up-Fenster heisst 'grusspop1.html'.
Das wollen wir erreichen:
Ein kleines Pop-up-Fenster soll erscheinen, in dem der Besucher seinen Namen einträgt und mit diesem gleich begrüsst wird.
Tag Hauptseite 'grusspop.html':
<BODY onload=window.open('grusspop1.html','gesamt','toolbar=0,
location=0,directories=0,status=0,
menubar=0,scrollbars=no,width=300,height=50')
BGCOLOR="#FFFFCC" LINK="#000000" ALINK="#FF0000" VLINK="#333333">
Tag Pop-up-Fenster 'grusspop1.html':
<HEAD>
<TITLE>Begrüssungs-Pop-up</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Begin
var username = GetCookie('username');
if (username == null) {
username = prompt('Bitte ändere deinen Namen (andernfalls drücke cancel)',"Besucher");
if (username == null) {
alert('Schon ok, wenn du mir deinen Namen nicht sagen willst ;-)');
username = 'Besucher';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
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 getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
// End -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFCC" LINK="#000000" ALINK="#FF0000" VLINK="#333333">
<CENTER>
<SCRIPT>
<!-- Begin
document.write('<font size="+3">Willkommen '+username+'!</font>');
if (username == "Besucher") {
}
// End -->
</SCRIPT>
<P>(Anmerkung: Diesen Paragraph habe ich eingefügt, damit der Text nicht gleich hinter dem Namen des Besuchers weiterläuft.) Es freut mich, dich hier begrüssen zu dürfen. Hier ist natürlich noch viel mehr Text und auch Bilder möglich.
</CENTER>
</BODY>
So sieht es aus:
Siehe oben.
