Hallo liebe Bastler
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
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.