|
- JavaScript : Bildschirmschoner : Mondrian -
Der Bildschirmschoner (hier Modell "Mondrian") öffnet sich in 10 Sekunden, wenn Sie die Maus nicht bewegen und keine Taste drücken.
(Nach Piet Mondrian, niederl. Maler, 1872-1944; der sich wohl im Grabe umdrehen würde, angesichts dieser hölzernen Umsetzung seiner Ideen :-)
Erfolgreich getestet mit Internet Explorer 5.5 und 6.0.
Netscape oder Opera haben keinen (über JavaScript auslösbaren) echten Fullscreenmodus.
Quelltext für die auslösende Seite:
<html>
<head>
<title>Bildschirmschoner / Startseite</title>
<script language="JavaScript">
ie5=(document.getElementById && document.all && document.styleSheets)?1:0;
var timer, status=0;
var x1=0, x2=0, y1=0, y2=0;
// Bildschirmschoner starten, wenn Timer bei 0
function timerCheck() {
if(status==1) {
timer-=1000;
if(timer>0) setTimeout('timerCheck()',1000);
else if(ie5)
var w=window.open('Mondrian.html','','fullscreen=1');
}
}
// Auf Mausbewegung prüfen
function mouseCheck() {
if(x1==0 && y1==0) {
x1=event.screenX;
y1=event.screenY;
setTimeout('x1=0; y1=0',40);
}
x2=event.screenX;
y2=event.screenY;
setTimeout('x2=0; y2=0',40);
if(x1 != x2 || y1 != y2) timerStart();
}
// Timer-Startwert setzen oder erneuern und Timer ggf. starten
function timerStart() {
timer=10*1000;
if(status==0) {
status=1;
timerCheck();
}
}
// Grafiken vorladen
var Grafik=new Array(6);
for(i=0;i<6;i++) {
Grafik[i] = new Image();
Grafik[i].src = i + ".gif";
}
</script>
</head>
<!-- Event-Abfragen: (onmouseover und oncontextmenu sollen Sonderfälle abdecken) -->
<body onfocus="timerStart()" onmouseover="timerStart()" onmousemove="mouseCheck()"
onmouseup="timerStart()" onkeypress="timerStart()" oncontextmenu="status=0"
onblur="status=0">
</body>
</html>
Quelltext für die Schonerseite (Modell "Mondrian"):
<html>
<head>
<title>Bildschirmschoner / Modell "Mondrian"</title>
<script language="JavaScript">
// Auf Mausbewegung prüfen
var x1=0, x2=0, y1=0, y2=0;
function mouseCheck() {
if(x1==0 && y1==0) {
x1=event.screenX;
y1=event.screenY;
setTimeout('x1=0; y1=0',40);
}
x2=event.screenX;
y2=event.screenY;
setTimeout('x2=0; y2=0',40);
if(x1 != x2 || y1 != y2) close();
}
</script>
</head>
<body scroll="no" onmousemove="mouseCheck()" onkeypress="window.close()"
leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<script language="JavaScript">
// 5x5-Tabelle erstellen
document.write("<table border='0' cellpadding='0' cellspacing='0' width='"
+screen.width+"' height='"+screen.height+"'>");
// Zellengröße für verschiedene Bildschirme, +1 wg. Rundungsfehler
var cellWidth=Math.round(screen.width/5)+1;
var cellHeight=Math.round(screen.height/5)+1;
// Ein Bild in jede Zelle
for(i=0;i<5;i++) {
document.write("<tr height='"+cellHeight+"'>");
for(ii=0;ii<5;ii++) document.write("<td height='"+cellHeight+"' width='"
+cellWidth+"'><img src='0.gif' height='100%' width='100%'></td>");
document.write("</tr>");
}
document.write("</table>");
// Farben zufällig aufrufen
selectColor();
function selectColor() {
cell = Math.round(Math.random() * 25);
if(cell==25) cell = 0;
color = Math.round(Math.random() * 6);
if(color==6) color = 0;
document.images[cell].src=color+".gif";
setTimeout("selectColor()",1777);
}
</script>
</body>
</html>
Download Mondrian.zip (mit Bildern ca. 2,5 kb)
© 2001-2004 Albert Kluge - Alle Rechte vorbehalten
Impressum | Datenschutz | Nutzung | eMail
|