How Do I Change to OnClick?

[Jenny]

Hi - There's a neat little snowfall effect at
http://javascript.internet.com/bgeffects/snow.html. I want to use it for a
school project, but I need to run it by clicking on a button, rather than
when the page loads. In the HTML, I want to use something like:

<FORM>
<INPUT TYPE="button" value="Winter Time" onClick="?????">
</FORM>

but I cannot figure out what to do with the actual script to make this work.
I'd appreciate any suggestions. BTW, I'm a serious novice, so please keep it
as simple as possible. Thank you.
Jenny

 

[ASM]

Hi - There's a neat little snowfall effect at
http://javascript.internet.com/bgeffects/snow.html. I want to use it for a
school project, but I need to run it by clicking on a button, rather than
when the page loads. In the HTML, I want to use something like:

you delete :

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}

from the script

and enter it in your onclick

onclick="if(ns4up) snowNS(); else if(ie4up) snowIE();"

 

[McKirahan]

Hi - There's a neat little snowfall effect at
http://javascript.internet.com/bgeffects/snow.html. I want to use it for a
school project, but I need to run it by clicking on a button, rather than
when the page loads. In the HTML, I want to use something like:

<FORM>
<INPUT TYPE="button" value="Winter Time" onClick="?????">
</FORM>

but I cannot figure out what to do with the actual script to make this work.
I'd appreciate any suggestions. BTW, I'm a serious novice, so please keep it
as simple as possible. Thank you.
Jenny

Place this (exisiting) code in a function:

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}

Then have a link invoke the function.

Such as:

function Snowflakes() {
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
}

<a href="javascript:Snowflakes()">Snowflakes</a>

or

<img src="http://javascript.internet.com/img/snow/snow.gif"
border="0" width="24" height="24" onclick="Snowflakes()"
alt="Snowflakes" title="Snowflakes">

 

[web.dev]

Hi - There's a neat little snowfall effect at
http://javascript.internet.com/bgeffects/snow.html. I want to use it for a
school project, but I need to run it by clicking on a button, rather than
when the page loads. In the HTML, I want to use something like:

<FORM>
<INPUT TYPE="button" value="Winter Time" onClick="?????">
</FORM>

but I cannot figure out what to do with the actual script to make this work.
I'd appreciate any suggestions. BTW, I'm a serious novice, so please keep it
as simple as possible. Thank you.
Jenny

Hi Jenny,

I'm going to assume you followed the exact instructions as that site
told you.
Secondly, towards the end of the code you should see the following
lines:

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}

Replace those lines with the following:

function startSnow()
{
if(ns4up)
snowNS();
else if(ie4up)
snowIE();
}

Finally, in your HTML you can do what you wanted:

<input type = "button" value = "Winter Time" onClick = "startSnow()"/>

Hope this helps

 

[Jenny]

Hi - There's a neat little snowfall effect at
http://javascript.internet.com/bgeffects/snow.html. I want to use it for a
school project, but I need to run it by clicking on a button, rather than
when the page loads. In the HTML, I want to use something like:

<FORM>
<INPUT TYPE="button" value="Winter Time" onClick="?????">
</FORM>

but I cannot figure out what to do with the actual script to make this
work. I'd appreciate any suggestions. BTW, I'm a serious novice, so please
keep it as simple as possible. Thank you.
Jenny

Thanks to everyone for your help. It worked great! Thanks again, Jenny