please help! This javascript won't work for me.I am doing something wrong, but don't know what?...I get the blocks, where I assume the hearts should be...and they float...but, I cannot get the hearts to show up? In the instructions, it tells me:
You must also save this image
to your server to use this script.
Right-click the images below and
select "Save Image As..." I have save it in my pictures....is that where I am supposed to save it?????Sorry about the inconvenience......I am new to javascript....I have already used various others without any problems, but for some reason, I cannot get this one right. Thanks for any help you can give me.
<BODY>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original: Altan (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://www.altan.hr/snow">http://www.altan.hr/snow</a><!-- m --> -->
<!-- Modified By: Homer (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://start.at/the_simpsons">http://start.at/the_simpsons</a><!-- m --> -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
var no = 12; // number of hearts
var speed = 10; // smaller number moves the hearts faster
var heart = "http://www.your-web-site-address-here.com/where/you/put/it/heart.gif";
var flag;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-30)+10; // set position variables
yp = Math.random()*doc_height;
amy = 12+ Math.random()*20; // set amplitude variables
amx = 10+ Math.random()*40;
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
flag = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=http://www.webdeveloper.com/forum/archive/index.php/\"");
document.write(heart+ "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
flag=(Math.random()<0.5)?1:0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.layers["dot"+i].top = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.layers["dot"+i].left = xp + amx*dx;
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.all["dot"+i].style.pixelTop = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.all["dot"+i].style.pixelLeft = xp + amx*dx;
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 4.23 KB -->
You must also save this image
to your server to use this script.
Right-click the images below and
select "Save Image As..." I have save it in my pictures....is that where I am supposed to save it?????Sorry about the inconvenience......I am new to javascript....I have already used various others without any problems, but for some reason, I cannot get this one right. Thanks for any help you can give me.
<BODY>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original: Altan (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://www.altan.hr/snow">http://www.altan.hr/snow</a><!-- m --> -->
<!-- Modified By: Homer (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://start.at/the_simpsons">http://start.at/the_simpsons</a><!-- m --> -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
var no = 12; // number of hearts
var speed = 10; // smaller number moves the hearts faster
var heart = "http://www.your-web-site-address-here.com/where/you/put/it/heart.gif";
var flag;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-30)+10; // set position variables
yp = Math.random()*doc_height;
amy = 12+ Math.random()*20; // set amplitude variables
amx = 10+ Math.random()*40;
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
flag = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=http://www.webdeveloper.com/forum/archive/index.php/\"");
document.write(heart+ "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
flag=(Math.random()<0.5)?1:0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.layers["dot"+i].top = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.layers["dot"+i].left = xp + amx*dx;
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.all["dot"+i].style.pixelTop = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.all["dot"+i].style.pixelLeft = xp + amx*dx;
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 4.23 KB -->