Jump to content

Falling Snowflakes Javascript Not Working

Guest DiversionHobbies

By Guest DiversionHobbies
in Customising Look & Feel

 Share

Recommended Posts

Guest DiversionHobbies

Guest DiversionHobbies

Posted
Posted

I have been trying to use the javascript (see below) to work on every page within cubecart. I placed it right after the <body> tag [and tried several other places] in the skin/styleTemplates/global/index.tpl file, but no luck.

I also tried calling it with the rest of the javascripts by adding:

<script type="text/javascript" src="js/fallingsnow.js"></script> and saving it in the js directory. Do I need to then call it later on the page, or does listing it there activate it as well?

Does anyone know how I can do this? You help is appreciated!

*This site is where I got the code from, and if you follow the link you can see an example there as well:

http://www.hypergurl.com/snowmaker.html

// Falling Snow Javascript

// CREDITS:

// Snowmaker Copyright © 2003 Peter Gehrig. All rights reserved.

// Distributed by http://www.hypergurl.com

// Permission given to use the script provided that this notice remains as is.

// 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(6*marginbottom-marginbottom-6*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-6*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

}

Link to comment
Share on other sites
  • 2 weeks later...

Guest hypnoman

Guest hypnoman

Posted
Posted

I have been trying to use the javascript (see below) to work on every page within cubecart. I placed it right after the <body> tag [and tried several other places] in the skin/styleTemplates/global/index.tpl file, but no luck.

I also tried calling it with the rest of the javascripts by adding:

<script type="text/javascript" src="js/fallingsnow.js"></script> and saving it in the js directory. Do I need to then call it later on the page, or does listing it there activate it as well?

Does anyone know how I can do this? You help is appreciated!

*This site is where I got the code from, and if you follow the link you can see an example there as well:

http://www.hypergurl.com/snowmaker.html

// Falling Snow Javascript

// CREDITS:

// Snowmaker Copyright © 2003 Peter Gehrig. All rights reserved.

// Distributed by http://www.hypergurl.com

// Permission given to use the script provided that this notice remains as is.

// 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(6*marginbottom-marginbottom-6*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-6*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

}

I've got it working for you. If this is what you wanted (check out our site here): www.kianda.co.uk

Then the steps are:

1. ftp the attached snowmaker.txt file to /www/store/js/

2. rename the file to snowmaker.js (CC forum does not allow uploading of .js files)

3. edit the index.tpl found in /www/store/skins/YOURSKIN/styleTemplates/global/ and insert a line immediately above </html>

4. paste the following into that blank line:

<script src="js/snowmaker.js" type="text/javascript" ></script>

Save the file and voila!

Cheers,

hypnoman

snowmaker.txt

Link to comment
Share on other sites
Guest DiversionHobbies

Guest DiversionHobbies

Posted
Posted

I've got it working for you. If this is what you wanted (check out our site here): www.kianda.co.uk

Then the steps are:

1. ftp the attached snowmaker.txt file to /www/store/js/

2. rename the file to snowmaker.js (CC forum does not allow uploading of .js files)

3. edit the index.tpl found in /www/store/skins/YOURSKIN/styleTemplates/global/ and insert a line immediately above </html>

4. paste the following into that blank line:

<script src="js/snowmaker.js" type="text/javascript" ></script>

Save the file and voila!

Cheers,

hypnoman

Hey hypnoman,

I think you're actually experiencing the same issues I was, I just didn't know the exact problem at the time. I use firefox as my browser. When I use IE I discovered the snow worked great. Alas, for some reason cubecart does something that make it not work in firefox. I say this because the website I visited to get the code from works for me--even with firefox. I went to your site, and the snow does not work in firefox. I just loads the static black * at the top left side of the screen, and that's all. I checked the code you saved as well, there were not any code changes, so perhaps you uploaded the wrong one?

Hopefully we can get this figured out, at least in time for next year!? :errm:

Cheers!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...