snow script?

**ShadowmasterX** · 12-24-2008 12:39 PM

I've been trying... doesn't work... tried everything...

help?

any website?

**Scoochi2** · 12-24-2008 01:21 PM

What is your script?
If what you're looking for is snow falling from the top of the screen and down the page, here's a script I use. Will only work in JS enabled browsers.

Most variables are pretty much self explanatory. Don't set snowmax too high or it will be too hard on people's comps.

Code:

<script>
var snowmax=25
var snowcolor=new Array("#FFFFFF","#EEEEEE","#DDDDDD")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=2.6
var snowmaxsize=15
var snowminsize=5
var snowingzone=1
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[i] = 0;                      
    	lftrght[i] = 2.5;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i)
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
		snow[i].size=randommaker(snowsizerange)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
		snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy
	}
	movesnow()
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy
		
		if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			snow[i].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>

**ShadowmasterX** · 12-24-2008 01:29 PM

hm.. ill try it, ill get back to ya in a while
Edit:
nope.. it doesnt work for me

http://4everyone.net63.net/index.php

(not my website offically)
just trying it out

**galaxyAbstractor** · 12-24-2008 03:12 PM

Originally Posted by ShadowmasterX

hm.. ill try it, ill get back to ya in a while
Edit:
nope.. it doesnt work for me

http://4everyone.net63.net/index.php

(not my website offically)
just trying it out

You never call the functions ;).

Put the code in the header and then do something like

<body onLoad="initsnow();">

**ShadowmasterX** · 12-24-2008 03:18 PM

what do you mean... (i am a noob at html =P)

**Mitch** · 12-24-2008 03:22 PM

Originally Posted by ShadowmasterX

what do you mean... (i am a noob at html =P)

that you need to put onLoad="initsnow(); in your body code, else it doesn't work.

**ShadowmasterX** · 12-24-2008 03:25 PM

doesnt work...

where do i insert it... look at what i have

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<meta http-equiv="content-type" content="{%MetaCharset%}"/>
<meta name="description" content="{%MetaDescription%}"/>
<meta name="keywords" content="{%MetaKeywords%}"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="images/default.css" media="screen"/>
<title>{%MetaTitle%}</title>
</head>





<body>
<div class="main">
<div class="gfx">
<h1>{%WebsiteName%}</h1>
<h2><span style="font-size: medium;">{%WebsiteSlogan%}</span></h2>
<br /><br /></div>
<div class="menu">{%menu_start=1%}<a href="{%menu_href%}"><span>{%menu_display%}</span></a>{%menu_end=1%}</div>
<div class="content">
<div class="item">{%content%}</div>
</div>
<div class="footer">{%WebsiteFooter%}<br />Powered by: <a href="http://www.hosting24.com/">Best Web Hosting</a> and <a href="http://www.000webhost.com/affiliate-program">Affiliate Programs Directory</a>. Created with <a href="http://www.000webhost.com/website-builder">Free Website Builder</a></div>
<script type="text/javascript"><!--
var snowmax=25
var snowcolor=new Array("#FFFFFF","#EEEEEE","#DDDDDD")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=2.6
var snowmaxsize=15
var snowminsize=5
var snowingzone=1
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[i] = 0;                      
    	lftrght[i] = 2.5;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i)
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
		snow[i].size=randommaker(snowsizerange)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
		snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy
	}
	movesnow()
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy
		
		if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			snow[i].posy=0
		}
	}
	var timer=setTimeout("movesnow()",50)
}

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

</html>

**Mitch** · 12-24-2008 03:58 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<meta http-equiv="content-type" content="{%MetaCharset%}"/>
<meta name="description" content="{%MetaDescription%}"/>
<meta name="keywords" content="{%MetaKeywords%}"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="http://forums.x10hosting.com/images/default.css" media="screen"/>
<title>{%MetaTitle%}</title>
</head>





<body onLoad="initsnow();"> <====
<div class="main">
<div class="gfx">
<h1>{%WebsiteName%}</h1>
<h2><span style="font-size: medium;">{%WebsiteSlogan%}</span></h2>
<br /><br /></div>
<div class="menu">{%menu_start=1%}<a href="http://forums.x10hosting.com/programming-help/{%menu_href%}"><span>{%menu_display%}</span></a>{%menu_end=1%}</div>
<div class="content">
<div class="item">{%content%}</div>
</div>
<div class="footer">{%WebsiteFooter%}<br />Powered by: <a href="http://www.hosting24.com/">Best Web Hosting</a> and <a href="http://www.000webhost.com/affiliate-program">Affiliate Programs Directory</a>. Created with <a href="http://www.000webhost.com/website-builder">Free Website Builder</a></div>
<script type="text/javascript"><!--
var snowmax=25
var snowcolor=new Array("#FFFFFF","#EEEEEE","#DDDDDD")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter="*"
var sinkspeed=2.6
var snowmaxsize=15
var snowminsize=5
var snowingzone=1
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[i] = 0;                      
    	lftrght[i] = 2.5;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i)
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
		snow[i].size=randommaker(snowsizerange)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
		snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy
	}
	movesnow()
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy
		
		if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			snow[i].posy=0
		}
	}
	var timer=setTimeout("movesnow()",50)
}

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

</html>

i changed it like it needs to be. (look at the arrow, but removed it after copying)

**ShadowmasterX** · 12-24-2008 04:34 PM

where are the arrows =p
Edit:
oh i c it
Edit:
Still doesnt work!!! i already did that

**Mitch** · 12-24-2008 04:44 PM

Originally Posted by ShadowmasterX

where are the arrows =p
Edit:
oh i c it
Edit:
Still doesnt work!!! i already did that

i found this script if your script isn't working after a few days.

http://www.dynamicdrive.com/dynamicindex3/snow.htm
I found somewhere the same but a working version.

Code:

<script type="text/javascript">

// 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","#F3F3F3","#F0FFFF")

// 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=2.6

// Set the maximum-size of your snowflakes
var snowmaxsize=15

// Set the minimal-size of your snowflakes
var snowminsize=5

// 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
  /*
   //   * NO CONFIGURATION BELOW 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[i] = 0;                      
    	lftrght[i] = Math.random()*15;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i)
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
		snow[i].size=randommaker(snowsizerange)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
		// 2 for lefthand side and 4 for righthand side
		if (snowingzone==5) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy
	}
	movesnow()
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy
		
		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			snow[i].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>

Paste it between the <body></body> codes. (then it will work, nothing else is needed)

Thread: snow script?

LinkBack

Thread Tools

Display

snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Re: snow script?

Similar Threads

CRON job : script timeout ?

Access to 300+ PHP scripts (2500 credits)

Problems with adserve script causing page hangs, and IRC offline

Error log Extensive and i have no idea what it means

Server UP time Script

Posting Permissions