Java & JavaScript


Home
Applets
Scripts
   Navigation:
 · Kontextmenü
 · Linkwechsler
   Dialogboxen:
 · Alert
 · Alert 2
 · Confirm
 · Prompt
   Animation:
 · Kreis
 · Kreis 2
 · Kreis 3
 · Drei Kreise
 · Spirale
 · Planetarium
 · Globus
   Grafik-Effekte:
 · Clipping
 · Clipping 2
 · Clipping 3
 · Alpha-Clipping
 · Fading
 · Wellenmuster
 · Wellenmuster 2
   Bildschirmschoner:
 · Proto
 · Marquee
 · Donut
 · Worm
 · Mondrian
 · Pacman
   Datum & Uhrzeit:
 · Countdown
 · Countup
 · Wochentag
 · Last Modified
   Fraktale:
 · Apfelmännchen
 · Apfelmännchen 2
 · Juliamenge
 · Juliamenge 2
 · C-Wert-Generator
   Mathematik:
 · Primzahlen
 · Primzahlen 2
   Verschiedenes:
 · Dynamic Popup
 · TextArea Counter
 · Warteschleife
 · Mausschreiber
Kontakt

- 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