The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Making it snow?

View previous topic View next topic Go down

Making it snow?

Post by fertilitysisters on November 16th 2011, 9:47 pm

Hi, I have a JavaScript code to make it "snow" on the page. I went to the JavaScript management area and put the code for it in there. Its still not snowing. Can anyone tell me where this needs to be placed or what needs to be fixed?

This is the code:

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">// 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=50
// Set the minimal-size of your snowflaxes
var snowminsize=22

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

///////////////////////////////////////////////////////////////////////////
// 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[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}
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>


It works when I put it in an html file and look at it from there, but when I try to put it on the site, it doesn't do anything. Thanks for any and all help!

fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Making it snow?

Post by Mr DarkHaxers2 on November 17th 2011, 12:16 am

Put It In The Templates

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Making it snow?

Post by fertilitysisters on November 17th 2011, 12:23 am

Which ones? all of them?

fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Making it snow?

Post by Mr DarkHaxers2 on November 17th 2011, 12:31 am

Put In The Home Page

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Making it snow?

Post by fertilitysisters on November 17th 2011, 1:23 am

I have copied and pasted it in the index_body template, which is for the Homepage, but it still doesn't work.

fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Making it snow?

Post by Raze on November 17th 2011, 3:46 am


Raze
Forumember

Male Posts : 406
Reputation : 12
Language : English, HTML, CSS

Back to top Go down

Re: Making it snow?

Post by fertilitysisters on November 17th 2011, 7:57 pm

That doesn't answer my question for future use of JavaScript, but for now, VERY helpful!! THANKS SO MUCH!!!

fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Making it snow?

Post by kirk on November 17th 2011, 8:50 pm

try in your overall header template,

But,This may be a code where you have to add one part in the <head> part and the other in the <body> part..

I am not home right now, but will test when i get home latter..

Also you can probably find a much smaller code that's better as well to.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Making it snow?

Post by Mati on November 17th 2011, 8:58 pm

I have test it and the code doesn't work but he can have a look here http://www.schillmania.com/projects/snowstorm/

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Re: Making it snow?

Post by kirk on November 18th 2011, 4:12 am

Hers this one i had from last year Smile
Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script> 

This will fall through the whole page and will follow the cursor as well.

You can place it in your forums description, over all header, homepage message if you only want it on the index page only, or home page announcement.




kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Making it snow?

Post by tamilparks on November 26th 2011, 8:37 am

@kirk wrote:Hers this one i had from last year Smile
Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script> 

This will fall through the whole page and will follow the cursor as well.



where i have to paste this code i am using phpbb3

tamilparks
Forumember

Posts : 143
Reputation : 5
Language : Tamil

Back to top Go down

Re: Making it snow?

Post by Sanket on November 26th 2011, 8:42 am

Add it to General>Forum>Configuration
Site Description: Add the code.
Save.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Making it snow?

Post by tamilparks on November 26th 2011, 8:44 am

thanks sanket sir

tamilparks
Forumember

Posts : 143
Reputation : 5
Language : Tamil

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum