Snow not working in HTML code

duderoo

duderoo

Expert Member
Joined
Jun 7, 2005
Messages
3,377
Reaction score
241
Location
Earth
Can anyone check this code for me and tell me where the problem is.

I got the snow from this link

http://www.htmlfreecodes.com/Snow_on_the_page.htm

and here is my code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Summerwood Trading</title><style type="text/css">
<!--
body {
background-color: #202020;
background-image: url(../../ST/Images/worcester.jpg);
}
-->
</style>
<script src="../../ST/Pages/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<tr><tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@"></tr>
<body>
<div align="center">
<p align="left"><img src="../../ST/Images/logo.png" alt="Home" width="293" height="123" /></p>
</div></div><hr width=1150" size="1" color="silver" align="center">
<p>&nbsp;</p>
</body>

<!-- This Script is from www.htmlfreecodes.com, Coded by: Krishna Eydatoula-->
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy

if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>

</html>
 
you need to have this: AC_RunActiveContent.js on your server.
the code links to it.

btw, thats one of the most annoying things anyone has ever come up with.
 
Don't know i copied it pasted it in html and works fine what does yours do?
 
It used to work but no longer does on my machine. Where do I need to put that code to check it works on my machine.
 
if you look carefully you will see that it starts and ends with the html tags already, so it does not have to be pasted in between any other code, unless ofcourse you want to integrate it.

just download that little .js file and have it in the same folder as your htm file, then update the link for it. fairly simple
 
Ok so I got the AC_RunActiveContent.js file off my machine and popped it into the folder and kept the path as below, but still not working.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Summerwood Trading</title><style type="text/css">
<!--
body {
background-color: #202020;
background-image: url(../../ST/Images/worcester.jpg);
}
-->
</style>
<script src="../../AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<tr><tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@"></tr>
<body>
<div align="center">
<p align="left"><img src="../../ST/Images/logo.png" alt="Home" width="293" height="123" /></p>
</div></div><hr width=1150" size="1" color="silver" align="center">
<p>&nbsp;</p>
</body>

Thanks in advance.

So the reason it is not working is the js file is not there?
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X