run an effect "onClick" not all the time

W

Wayne-I-M

Hi

I would like to place this effect OnClick and also be able to stop the
effect OnClick.

At the moment if you place the code (below) in the "body" section it will
run continously but I would really like to be able to stop and start the
effect.

I have tried using a button OnClick but I can't seem to get it right.

Any help would be really great

Many thanks


____________________________________________

This is the code from
http://www.dynamicdrive.com/dynamicindex3/snow.htm



<script type="text/javascript">

var snowsrc="snow.gif"
var no = 10;
var hidesnowtime = 0;
"pageheight")
var snowdistance = "pageheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?
document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")?
window.innerHeight : (ie4up && snowdistance=="windowheight")?
iecompattest().clientHeight : (ie4up && !window.opera &&
snowdistance=="pageheight")? iecompattest().scrollHeight :
iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
dx += stx;
document.getElementById("dot"+i).style.top=yp+"px";
document.getElementById("dot"+i).style.left=xp +
am*Math.sin(dx)+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++)
document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>
 
S

Steve Easton

To stop it try: onclick="hidesnow()"

To start it try: onclick="snowIE_NS6()"

Those appear to be the functions that start and stop it.


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm


Wayne-I-M said:
Hi

I would like to place this effect OnClick and also be able to stop the
effect OnClick.

At the moment if you place the code (below) in the "body" section it will
run continously but I would really like to be able to stop and start the
effect.

I have tried using a button OnClick but I can't seem to get it right.

Any help would be really great

Many thanks


____________________________________________

This is the code from
http://www.dynamicdrive.com/dynamicindex3/snow.htm



<script type="text/javascript">

var snowsrc="snow.gif"
var no = 10;
var hidesnowtime = 0;
"pageheight")
var snowdistance = "pageheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?
document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")?
window.innerHeight : (ie4up && snowdistance=="windowheight")?
iecompattest().clientHeight : (ie4up && !window.opera &&
snowdistance=="pageheight")? iecompattest().scrollHeight :
iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
dx += stx;
document.getElementById("dot"+i).style.top=yp+"px";
document.getElementById("dot"+i).style.left=xp +
am*Math.sin(dx)+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++)
document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>
Click to expand...
 
W

Wayne-I-M

Hi Steve

Thanks for answering. Can you tell me "where" do I put the code. If I put
it in the body section it runs all the time but if I put it in the head it
gives an error.


--
Wayne
Manchester, England.



Steve Easton said:
To stop it try: onclick="hidesnow()"

To start it try: onclick="snowIE_NS6()"

Those appear to be the functions that start and stop it.


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm


Wayne-I-M said:
Hi

I would like to place this effect OnClick and also be able to stop the
effect OnClick.

At the moment if you place the code (below) in the "body" section it will
run continously but I would really like to be able to stop and start the
effect.

I have tried using a button OnClick but I can't seem to get it right.

Any help would be really great

Many thanks


____________________________________________

This is the code from
http://www.dynamicdrive.com/dynamicindex3/snow.htm



<script type="text/javascript">

var snowsrc="snow.gif"
var no = 10;
var hidesnowtime = 0;
"pageheight")
var snowdistance = "pageheight";

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?
document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")?
window.innerHeight : (ie4up && snowdistance=="windowheight")?
iecompattest().clientHeight : (ie4up && !window.opera &&
snowdistance=="pageheight")? iecompattest().scrollHeight :
iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
dx += stx;
document.getElementById("dot"+i).style.top=yp+"px";
document.getElementById("dot"+i).style.left=xp +
am*Math.sin(dx)+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++)
document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>
Click to expand...
Click to expand...
 
S

Stefan B Rusynko

You make 2 links (text or buttons) w/ links

<a href="#" onclick="snowIE_NS6()" >Start Snow<a>

<a href="#" onclick="hidesnow()">Stop Snow<a>

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi Steve
|
| Thanks for answering. Can you tell me "where" do I put the code. If I put
| it in the body section it runs all the time but if I put it in the head it
| gives an error.
|
|
| --
| Wayne
| Manchester, England.
|
|
|
| "Steve Easton" wrote:
|
| > To stop it try: onclick="hidesnow()"
| >
| > To start it try: onclick="snowIE_NS6()"
| >
| > Those appear to be the functions that start and stop it.
| >
| >
| > --
| >
| > Steve Easton
| > Microsoft MVP FrontPage
| > FP Cleaner
| > http://www.95isalive.com/fixes/fpclean.htm
| > Hit Me FP
| > http://www.95isalive.com/fixes/HitMeFP.htm
| >
| >
| > | > > Hi
| > >
| > > I would like to place this effect OnClick and also be able to stop the
| > > effect OnClick.
| > >
| > > At the moment if you place the code (below) in the "body" section it will
| > > run continously but I would really like to be able to stop and start the
| > > effect.
| > >
| > > I have tried using a button OnClick but I can't seem to get it right.
| > >
| > > Any help would be really great
| > >
| > > Many thanks
| > >
| > >
| > > ____________________________________________
| > >
| > > This is the code from
| > > http://www.dynamicdrive.com/dynamicindex3/snow.htm
| > >
| > >
| > >
| > > <script type="text/javascript">
| > >
| > > var snowsrc="snow.gif"
| > > var no = 10;
| > > var hidesnowtime = 0;
| > > "pageheight")
| > > var snowdistance = "pageheight";
| > >
| > > var ie4up = (document.all) ? 1 : 0;
| > > var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
| > >
| > > function iecompattest(){
| > > return (document.compatMode && document.compatMode!="BackCompat")?
| > > document.documentElement : document.body
| > > }
| > >
| > > var dx, xp, yp;
| > > var am, stx, sty;
| > > var i, doc_width = 800, doc_height = 600;
| > >
| > > if (ns6up) {
| > > doc_width = self.innerWidth;
| > > doc_height = self.innerHeight;
| > > } else if (ie4up) {
| > > doc_width = iecompattest().clientWidth;
| > > doc_height = iecompattest().clientHeight;
| > > }
| > >
| > > dx = new Array();
| > > xp = new Array();
| > > yp = new Array();
| > > am = new Array();
| > > stx = new Array();
| > > sty = new Array();
| > > snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
| > > for (i = 0; i < no; ++ i) {
| > > dx = 0; // set coordinate variables
| > > xp = Math.random()*(doc_width-50); // set position variables
| > > yp = Math.random()*doc_height;
| > > am = Math.random()*20; // set amplitude variables
| > > stx = 0.02 + Math.random()/10; // set step variables
| > > sty = 0.7 + Math.random(); // set step variables
| > > if (ie4up||ns6up) {
| > > if (i == 0) {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
| > > href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
| > > border=\"0\"><\/a><\/div>");
| > > } else {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
| > > src='"+snowsrc+"' border=\"0\"><\/div>");
| > > }
| > > }
| > > }
| > >
| > > function snowIE_NS6() { // IE and NS6 main animation function
| > > doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
| > > doc_height=(window.innerHeight && snowdistance=="windowheight")?
| > > window.innerHeight : (ie4up && snowdistance=="windowheight")?
| > > iecompattest().clientHeight : (ie4up && !window.opera &&
| > > snowdistance=="pageheight")? iecompattest().scrollHeight :
| > > iecompattest().offsetHeight;
| > > for (i = 0; i < no; ++ i) { // iterate for every dot
| > > yp += sty;
| > > if (yp > doc_height-50) {
| > > xp = Math.random()*(doc_width-am-30);
| > > yp = 0;
| > > stx = 0.02 + Math.random()/10;
| > > sty = 0.7 + Math.random();
| > > }
| > > dx += stx;
| > > document.getElementById("dot"+i).style.top=yp+"px";
| > > document.getElementById("dot"+i).style.left=xp +
| > > am*Math.sin(dx)+"px";
| > > }
| > > snowtimer=setTimeout("snowIE_NS6()", 10);
| > > }
| > >
| > > function hidesnow(){
| > > if (window.snowtimer) clearTimeout(snowtimer)
| > > for (i=0; i<no; i++)
| > > document.getElementById("dot"+i).style.visibility="hidden"
| > > }
| > >
| > >
| > > if (ie4up||ns6up){
| > > snowIE_NS6();
| > > if (hidesnowtime>0)
| > > setTimeout("hidesnow()", hidesnowtime*1000)
| > > }
| > >
| > > </script>
| > >
| > > --
| > > Wayne
| > > Manchester, England.
| > >
| >
| >
| >
 
W

Wayne-I-M

Hi Stefan

Thank you. I think this may be way above my skill level for frontpage.

I have put the code in the body section and it runs OnLoad of the page
(sorry for the access based terminology by the way).

I thought it would be a simple thing to have the code load (on page load)
and then start OnClick and end OnClick.

It seems that no matter what I do do it either runs OnLoad or not at all.

Oh well it was a good idea and would have made our new ski italy page a
little more fun - I wanted a "Make it Snow" button

I think I may have to leave this as I seem to be spending too many hours
trying to get it to work.

Are there are links to page that would offer advice on how to stop and start
this code OnClick. It would be a real help

--
Wayne
Manchester, England.



Stefan B Rusynko said:
You make 2 links (text or buttons) w/ links

<a href="#" onclick="snowIE_NS6()" >Start Snow<a>

<a href="#" onclick="hidesnow()">Stop Snow<a>

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi Steve
|
| Thanks for answering. Can you tell me "where" do I put the code. If I put
| it in the body section it runs all the time but if I put it in the head it
| gives an error.
|
|
| --
| Wayne
| Manchester, England.
|
|
|
| "Steve Easton" wrote:
|
| > To stop it try: onclick="hidesnow()"
| >
| > To start it try: onclick="snowIE_NS6()"
| >
| > Those appear to be the functions that start and stop it.
| >
| >
| > --
| >
| > Steve Easton
| > Microsoft MVP FrontPage
| > FP Cleaner
| > http://www.95isalive.com/fixes/fpclean.htm
| > Hit Me FP
| > http://www.95isalive.com/fixes/HitMeFP.htm
| >
| >
| > | > > Hi
| > >
| > > I would like to place this effect OnClick and also be able to stop the
| > > effect OnClick.
| > >
| > > At the moment if you place the code (below) in the "body" section it will
| > > run continously but I would really like to be able to stop and start the
| > > effect.
| > >
| > > I have tried using a button OnClick but I can't seem to get it right.
| > >
| > > Any help would be really great
| > >
| > > Many thanks
| > >
| > >
| > > ____________________________________________
| > >
| > > This is the code from
| > > http://www.dynamicdrive.com/dynamicindex3/snow.htm
| > >
| > >
| > >
| > > <script type="text/javascript">
| > >
| > > var snowsrc="snow.gif"
| > > var no = 10;
| > > var hidesnowtime = 0;
| > > "pageheight")
| > > var snowdistance = "pageheight";
| > >
| > > var ie4up = (document.all) ? 1 : 0;
| > > var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
| > >
| > > function iecompattest(){
| > > return (document.compatMode && document.compatMode!="BackCompat")?
| > > document.documentElement : document.body
| > > }
| > >
| > > var dx, xp, yp;
| > > var am, stx, sty;
| > > var i, doc_width = 800, doc_height = 600;
| > >
| > > if (ns6up) {
| > > doc_width = self.innerWidth;
| > > doc_height = self.innerHeight;
| > > } else if (ie4up) {
| > > doc_width = iecompattest().clientWidth;
| > > doc_height = iecompattest().clientHeight;
| > > }
| > >
| > > dx = new Array();
| > > xp = new Array();
| > > yp = new Array();
| > > am = new Array();
| > > stx = new Array();
| > > sty = new Array();
| > > snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
| > > for (i = 0; i < no; ++ i) {
| > > dx = 0; // set coordinate variables
| > > xp = Math.random()*(doc_width-50); // set position variables
| > > yp = Math.random()*doc_height;
| > > am = Math.random()*20; // set amplitude variables
| > > stx = 0.02 + Math.random()/10; // set step variables
| > > sty = 0.7 + Math.random(); // set step variables
| > > if (ie4up||ns6up) {
| > > if (i == 0) {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
| > > href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
| > > border=\"0\"><\/a><\/div>");
| > > } else {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
| > > src='"+snowsrc+"' border=\"0\"><\/div>");
| > > }
| > > }
| > > }
| > >
| > > function snowIE_NS6() { // IE and NS6 main animation function
| > > doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
| > > doc_height=(window.innerHeight && snowdistance=="windowheight")?
| > > window.innerHeight : (ie4up && snowdistance=="windowheight")?
| > > iecompattest().clientHeight : (ie4up && !window.opera &&
| > > snowdistance=="pageheight")? iecompattest().scrollHeight :
| > > iecompattest().offsetHeight;
| > > for (i = 0; i < no; ++ i) { // iterate for every dot
| > > yp += sty;
| > > if (yp > doc_height-50) {
| > > xp = Math.random()*(doc_width-am-30);
| > > yp = 0;
| > > stx = 0.02 + Math.random()/10;
| > > sty = 0.7 + Math.random();
| > > }
| > > dx += stx;
| > > document.getElementById("dot"+i).style.top=yp+"px";
| > > document.getElementById("dot"+i).style.left=xp +
| > > am*Math.sin(dx)+"px";
| > > }
| > > snowtimer=setTimeout("snowIE_NS6()", 10);
| > > }
| > >
| > > function hidesnow(){
| > > if (window.snowtimer) clearTimeout(snowtimer)
| > > for (i=0; i<no; i++)
| > > document.getElementById("dot"+i).style.visibility="hidden"
| > > }
| > >
| > >
| > > if (ie4up||ns6up){
| > > snowIE_NS6();
| > > if (hidesnowtime>0)
| > > setTimeout("hidesnow()", hidesnowtime*1000)
| > > }
| > >
| > > </script>
| > >
| > > --
| > > Wayne
| > > Manchester, England.
| > >
| >
| >
| >
Click to expand...
 
W

Wayne-I-M

Hi Stefan

This is working fine
<a href="#" onclick="hidesnow()">Stop Snow<a>

This dosen't work
<a href="#" onclick="snowIE_NS6()" >Start Snow<a>

Have you another suggestion - LoL it "almost works"

--
Wayne
Manchester, England.



Stefan B Rusynko said:
You make 2 links (text or buttons) w/ links

<a href="#" onclick="snowIE_NS6()" >Start Snow<a>

<a href="#" onclick="hidesnow()">Stop Snow<a>

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi Steve
|
| Thanks for answering. Can you tell me "where" do I put the code. If I put
| it in the body section it runs all the time but if I put it in the head it
| gives an error.
|
|
| --
| Wayne
| Manchester, England.
|
|
|
| "Steve Easton" wrote:
|
| > To stop it try: onclick="hidesnow()"
| >
| > To start it try: onclick="snowIE_NS6()"
| >
| > Those appear to be the functions that start and stop it.
| >
| >
| > --
| >
| > Steve Easton
| > Microsoft MVP FrontPage
| > FP Cleaner
| > http://www.95isalive.com/fixes/fpclean.htm
| > Hit Me FP
| > http://www.95isalive.com/fixes/HitMeFP.htm
| >
| >
| > | > > Hi
| > >
| > > I would like to place this effect OnClick and also be able to stop the
| > > effect OnClick.
| > >
| > > At the moment if you place the code (below) in the "body" section it will
| > > run continously but I would really like to be able to stop and start the
| > > effect.
| > >
| > > I have tried using a button OnClick but I can't seem to get it right.
| > >
| > > Any help would be really great
| > >
| > > Many thanks
| > >
| > >
| > > ____________________________________________
| > >
| > > This is the code from
| > > http://www.dynamicdrive.com/dynamicindex3/snow.htm
| > >
| > >
| > >
| > > <script type="text/javascript">
| > >
| > > var snowsrc="snow.gif"
| > > var no = 10;
| > > var hidesnowtime = 0;
| > > "pageheight")
| > > var snowdistance = "pageheight";
| > >
| > > var ie4up = (document.all) ? 1 : 0;
| > > var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
| > >
| > > function iecompattest(){
| > > return (document.compatMode && document.compatMode!="BackCompat")?
| > > document.documentElement : document.body
| > > }
| > >
| > > var dx, xp, yp;
| > > var am, stx, sty;
| > > var i, doc_width = 800, doc_height = 600;
| > >
| > > if (ns6up) {
| > > doc_width = self.innerWidth;
| > > doc_height = self.innerHeight;
| > > } else if (ie4up) {
| > > doc_width = iecompattest().clientWidth;
| > > doc_height = iecompattest().clientHeight;
| > > }
| > >
| > > dx = new Array();
| > > xp = new Array();
| > > yp = new Array();
| > > am = new Array();
| > > stx = new Array();
| > > sty = new Array();
| > > snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
| > > for (i = 0; i < no; ++ i) {
| > > dx = 0; // set coordinate variables
| > > xp = Math.random()*(doc_width-50); // set position variables
| > > yp = Math.random()*doc_height;
| > > am = Math.random()*20; // set amplitude variables
| > > stx = 0.02 + Math.random()/10; // set step variables
| > > sty = 0.7 + Math.random(); // set step variables
| > > if (ie4up||ns6up) {
| > > if (i == 0) {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a
| > > href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
| > > border=\"0\"><\/a><\/div>");
| > > } else {
| > > document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute;
| > > Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img
| > > src='"+snowsrc+"' border=\"0\"><\/div>");
| > > }
| > > }
| > > }
| > >
| > > function snowIE_NS6() { // IE and NS6 main animation function
| > > doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
| > > doc_height=(window.innerHeight && snowdistance=="windowheight")?
| > > window.innerHeight : (ie4up && snowdistance=="windowheight")?
| > > iecompattest().clientHeight : (ie4up && !window.opera &&
| > > snowdistance=="pageheight")? iecompattest().scrollHeight :
| > > iecompattest().offsetHeight;
| > > for (i = 0; i < no; ++ i) { // iterate for every dot
| > > yp += sty;
| > > if (yp > doc_height-50) {
| > > xp = Math.random()*(doc_width-am-30);
| > > yp = 0;
| > > stx = 0.02 + Math.random()/10;
| > > sty = 0.7 + Math.random();
| > > }
| > > dx += stx;
| > > document.getElementById("dot"+i).style.top=yp+"px";
| > > document.getElementById("dot"+i).style.left=xp +
| > > am*Math.sin(dx)+"px";
| > > }
| > > snowtimer=setTimeout("snowIE_NS6()", 10);
| > > }
| > >
| > > function hidesnow(){
| > > if (window.snowtimer) clearTimeout(snowtimer)
| > > for (i=0; i<no; i++)
| > > document.getElementById("dot"+i).style.visibility="hidden"
| > > }
| > >
| > >
| > > if (ie4up||ns6up){
| > > snowIE_NS6();
| > > if (hidesnowtime>0)
| > > setTimeout("hidesnow()", hidesnowtime*1000)
| > > }
| > >
| > > </script>
| > >
| > > --
| > > Wayne
| > > Manchester, England.
| > >
| >
| >
| >
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

I need code for random pictures. Thanks 5

Top