The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Making it snow?

+3
Raze
Mr DarkHaxers2
fertilitysisters
7 posters

Go down

snow - Making it snow? Empty Making it snow?

Post by fertilitysisters 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!
avatar
fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

Put It In The Templates
Mr DarkHaxers2
Mr DarkHaxers2
Forumember

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

Which ones? all of them?
avatar
fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

Put In The Home Page
Mr DarkHaxers2
Mr DarkHaxers2
Forumember

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by fertilitysisters 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.
avatar
fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

Raze
Raze
Forumember

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by fertilitysisters 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!!!
avatar
fertilitysisters
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by kirk 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
kirk
Forumaster

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by Mati 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
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by kirk 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
kirk
Forumaster

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

Post by tamilparks 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
avatar
tamilparks
Forumember

Posts : 143
Reputation : 5
Language : Tamil

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

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

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

Back to top Go down

snow - Making it snow? Empty Re: Making it snow?

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

thanks sanket sir
avatar
tamilparks
Forumember

Posts : 143
Reputation : 5
Language : Tamil

Back to top Go down

Back to top

- Similar topics

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