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 Wed Nov 16, 2011 8: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 Wed Nov 16, 2011 11:16 pm

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 Wed Nov 16, 2011 11:23 pm

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 Wed Nov 16, 2011 11:31 pm

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 Thu Nov 17, 2011 12: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 Thu Nov 17, 2011 2: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 Thu Nov 17, 2011 6: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 Thu Nov 17, 2011 7: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 Thu Nov 17, 2011 7: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 : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Re: Making it snow?

Post by kirk on Fri Nov 18, 2011 3: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 Sat Nov 26, 2011 7: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 Sat Nov 26, 2011 7: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 Sat Nov 26, 2011 7: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