Schneeflocken-Problem

      Schneeflocken-Problem

      Hallo liebe Bastler :D

      Ich habe einer Adventskalenderseite einen Schneeflockenapplet zugewiesen und stelle Seltsames fest:
      Wenn ich die im unteren Bild markierte Zeile in Gänsefüßchen setze, erscheinen die Schneeflocken auf der Seite, sie rieseln also herunter. Die Gänsefüßchen sind aber auch auf der Seite selbst sichtbar, somit rutscht alles etwas nach unten.

      Ich habe die Anführungszeichen vorerst weiß gemacht, damit sie nicht so auffallen, aber warum verschwindet auch das Applet, wenn ich die Anführ.-Zeichen wegnehme?

      Mein zweites Problem ist, dass die Seite sich zwar scrollen lässt, es aber nur im oberen Teil Schneeflocken schneit. Sie schneien gerade mal über die Höhe der Seite nach unten, wenn man weiter runterscrollt, schneit nichts mehr. Lässt sich das irgendwie beheben? Ich poste hier mal die Quelltexte:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML>
      <HEAD>
      <TITLE>Gobi's Schneefall</TITLE>
      </HEAD>
      <BODY TEXT="#DCDCDC" BGCOLOR="#000080">
      <H1>Gobi's Schneefall</H1>
      <P>
      Auf dieser Seite sollte es schnein! Eiskalte Schneeflocken
      sollten von oben nach unten purzeln.</P>
      <SCRIPT SRC="snow.js" TYPE="text/javascript"></SCRIPT>
      </BODY>
      </HTML>

      und

      var no = 25; // number of snowflakes
      var speed = 10; // the smaler, the faster snowflakes
      var snowflake = "snow.gif"; // picture source
      var ns4b = (document.layers) ? 1 : 0; // Netscape4.x
      var b4up = (document.all) ? 1 : 0; // MSIE4, Opera5, Netccape5
      var dx, xp, yp; // coordinate and position variables
      var am, stx, sty; // amplitude and step variables
      var snowobj;
      var i, doc_width = 800, doc_height = 600;

      if (ns4b) {
      doc_width = self.innerWidth;
      doc_height = self.innerHeight;
      } else if (b4up) {
      doc_width = document.body.clientWidth;
      doc_height = document.body.clientHeight;
      } else {
      b4up = 1; // 800x600 screen-default
      }// if

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowobj = new Array();

      for (i=0; i<no; ++i) { // iterate for every snowflake
      dx = 0; // set coordinate variables
      xp[i] = Math.random()*(doc_width-50); // set position variables
      yp[i] = Math.random()*doc_height;
      am[i] = Math.random()*20; // set amplitude variables
      stx[i] = 0.02 + Math.random()/10; // set step variables
      sty[i] = 0.7 + Math.random(); // set step variables
      if (ns4b) { // set layers
      document.write("<LAYER NAME=\"flake"+ i +"\" LEFT=\"15\" "
      + "TOP=\"15\" VISIBILITY=\"show\"><IMG SRC=\""
      + snowflake +"\" BORDER=0></LAYER>");
      } else if (b4up) {
      document.write("<DIV ID=\"flake"+ i +"\" STYLE=\""
      + "position:absolute; z-index:"+ i +"; visibility:visible; "
      + "top:15px; left:15px;\"><IMG SRC=\""+ snowflake
      + "\" BORDER=0></DIV>");
      snowobj[i] = eval (document.getElementById("flake"+i).style);
      }//if
      }//for

      function snowNS() { // Netscape4 main animation function
      for (i=0; i<no; ++i) { // iterate for every snowflake
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
      xp[i] = Math.random()*(doc_width-am[i]-30);
      yp[i] = 0;
      stx[i] = 0.02 + Math.random()/10;
      sty[i] = 0.7 + Math.random();
      }//if
      dx[i] += stx[i];
      document.layers["flake"+i].top = yp[i];
      document.layers["flake"+i].left = xp[i]
      + am[i]*Math.sin(dx[i]);
      }//for
      setTimeout("snowNS()", speed);
      }//snowNS

      function snowDocument() { // MSIE4, Opera5, Netscape5 main
      for (i=0; i<no; ++i) { // iterate for every flake
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
      xp[i] = Math.random()*(doc_width-am[i]-30);
      yp[i] = 0;
      stx[i] = 0.02 + Math.random()/10;
      sty[i] = 0.7 + Math.random();
      }//if
      dx[i] += stx[i];
      snowobj[i].top = yp[i];
      snowobj[i].left = xp[i] + am[i]*Math.sin(dx[i]);
      }//for
      setTimeout("snowDocument()", speed);
      }//snowDocument

      if (ns4b) { // Netscape4
      snowNS();
      } else if (b4up) { // MSIE4, Opera5, Netscape5
      snowDocument();
      }//if
      Was du heute denkst, wirst du morgen sein.

      Hi,

      zu 1. der Eintrag für´s Javascript muss innerhalb des "Head" stehen.

      also etwas so:
      <script type="text/javascript" src="snow.js"></script> (man schreibt die Tags klein, muss nicht, sollte aber...)
      </head>
      <body>

      zu 2. keine Ahnung ?( das Script scheint etwas älter zu sein, könnte an den Koordinaten liegen, die da angegeben werden... :whistle:

    • Benutzer online 3

      3 Besucher