PDA

View Full Version : Snow Effect



irishcavan
09-13-2005, 11:45 PM
http://www.dynamicdrive.com/dynamicindex3/snow.htm

I would like this DD to follow down the whole page. Is there someone that can direct me on how to do this?

Thanks. Irish. :confused:

jscheuer1
09-14-2005, 02:10 AM
What doctype are you using on the page? If most any, the script needs to be updated. Change all instances of:

document.body

in the script to:

iecompattest()

Then, add this just below the credit block:

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

irishcavan
09-21-2005, 04:13 AM
i am in a web page in frontpage...

jscheuer1
09-21-2005, 04:17 AM
Do the modification, see what happens.

irishcavan
09-21-2005, 06:00 AM
Thank you for the help john. umm... now there is a "out of memory at line __" error... trying to figure it out.

jscheuer1
09-21-2005, 07:10 AM
To tell you the truth, I was working earlier today on a modification of the snow script that made bubbles move up the page. I discovered that that script was a bit cpu intensive, to put it mildly. The snow one probably is also, since it uses the same basic movement engine. I found that the Autumn Leaves (http://dynamicdrive.com/dynamicindex3/leaves.htm) script was a bit more PC friendly. You might consider using it with snowflake images, I think it also needs the above modification (iecompattest) though. Still, might just be your implementation, post a link to what you've got and I'll check it out.

irishcavan
09-21-2005, 09:53 PM
I am actually working on the snow effect using clovers since this is an irish site... lol.. leave it to the irish to be difficult... i am actually working on two probs, the second being my sound not loading properly... i got the new code to load but it is still drifting down partially... shouldnt there be a calculation within the code that specifies how far down the page, or up the page in the bubble instance... if i find a solution to your or my prob before your next post i will let you know... good luck with the bubble effect.... it's always fun trying to re-route everything to how you want something to present itself... Irish ;)

irishcavan
09-21-2005, 09:54 PM
sorry... the testing site is: http://members.shaw.ca/anirishtouch/

Irish :eek:

irishcavan
09-21-2005, 11:01 PM
I see what you were talking about with the leaves effect... it covers the whole page... now all i have to do is reduce the swaying effect... thanks for your help... Irish

1fever
09-22-2005, 02:14 AM
Does the snow fall effect work on MSN groups. Ive been trying for hours to get it to work and its not. Can someone help me? I'm quite the newb at this.

jscheuer1
09-22-2005, 02:21 AM
I'm not sure what browser you are using but the effect looks perfect in Mozilla (FF, NS), a little too fast in IE - IE is always faster with this script. I'd put in something like this where it says:

}
setTimeout('fall()',20);
}I'd put:

}
var rate=document.all&&!window.opera? 32 : 20
setTimeout('fall()',rate);
}12 (milliseconds) seems like the right equalizing factor between the two browsers. I'll see what I can do about the swaying but, at that speed or possibly just a little slower, it looks really good as is.

jscheuer1
09-22-2005, 02:48 AM
OK, here is where the swaying comes from:

sx = Speed[i]*Math.cos(Cstep[i]);If you change it to:

sx = Speed[i]*Math.cos(Cstep[i])/6;(dividing it by 6) The swaying is markedly reduced, if you set it to 0:

sx = 0There will be no swaying at all. Using any other whole number will not work. The code ordinarily alternates between positive and negative values.

With reduced swaying, you may want to bump up the values for 'rate' from my previous post.

irishcavan
09-22-2005, 03:27 AM
are you able to edit code in the msn rooms? and if so, what room are you trying to edit? Irish

irishcavan
09-22-2005, 04:05 AM
thank you john.... its working now.... I got the speed where i had wanted it... and now the swaying is working great thanks to you... guess i should go back to my calculus.. lol....

1fever
09-22-2005, 04:40 PM
Will this snow fall effect work on MSN Groups pages? When I try to set it up I have no <body> I just have <Tbody> but when I put it in right after that and it doesn't work. Also I have like 5 different areas with <Tbody>. Can someone explain in REALLY simple terms how to put snow on msn groups. Sorry if this is long but heres the HTML code for the page I'm trying to add the snow to. I have to split it into 2 replies.

<DIV><A target=_top>
<DIV>
<TABLE class="" cellSpacing=0 cellPadding=0 width="100%" background=/_Secure/0ZQDoAi8eCIHs6*is48i5!gKy4X9MwyDoMlxtXUy9odzCbzZCX89MpzQmx7lpdbsNn61WY7!3yb0tCP7vZQInsdyhDhmdD5vXbtXGZ3om!Gz!s8x0u0uUOd46M1bBkVSL*gTIL9s5mhOaH0xPKsI2Gw/leaves.gif?dc=4675540261039984053 border=1>
<TBODY></A><A target=_top>
<TR>
<TD vAlign=top align=middle width="100%">
<TABLE class="" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cc9900 background=/_Secure/0cgDrAgYjhYpnTq!iWNrPHB5Yq55rB6tnyLvcjqYgT6KJ6ayC2waT05hjBeNAXwBcEkO4gciDRcRS93J3Rj!hdzxKEXB5euuZMptf9DlMcX6eBUf5khu6Fe0GUu5lrGOd9pwfujDkeAHNeZz3BUeC1IdFL8MbYZ5 7FYUXozFn!lg/American_Flag_Light.jpg?dc=4675535814516802235 border=1>
<TBODY><A target=_top>
<TR>
<TD vAlign=bottom width="100%" bgColor=#cc9933>
<TABLE class="" cellSpacing=0 cellPadding=0 width="100%" bgColor=#000000 background="" border=1>
<TBODY>
<TR>
<TH noWrap width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.drudgereport.com/" target=_top>News</A></FONT></TH>
<TH width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.wrh.noaa.gov/total_forecast/index.php?wfo=boi&amp;zone=idz014&amp;county=idc001" target=_top>Boise Weather</A></FONT></TH>
<TH noWrap width="10%">
<P><FONT face=Verdana color=#ffffff size=1><A href="http://www.srh.noaa.gov/ifps/MapClick.php?CityName=Las+Vegas&amp;state=NM&amp;site=ABQ" target=_top>Vegas Weather</A></FONT></P></TH>
<TH width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.crh.noaa.gov/ifps/MapClick.php?CityName=Lemont&amp;state=IL&amp;site=LOT" target=_top>Lemont Weather</A></FONT></TH>
<TH noWrap width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://sports.espn.go.com/mlb/scoreboard" target=_top>MLB Scores</A></FONT></TH>
<TH width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://fantasygames.sportingnews.com/baseball/season2/basic/login.html" target=_top>Fantasy Baseball</A></FONT></TH>
<TH noWrap width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.google.com/" target=_top>Google</A></FONT></TH>
<TH width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://groups.msn.com/TheScottFamilyandFriends/dailytrivia.msnw" target=_top>Trivia</A></FONT></TH>
<TH noWrap width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.dtx-media.com/" target=_top>DTX-Media</A></FONT></TH>
<TH width="10%"><FONT face=Verdana color=#ffffff size=1><A href="http://www.nmhu.edu/athletics/baseball/" target=_top>NMHU Baseball</A></FONT></TH></TR></TBODY></TABLE>
<P align=center><FONT face=Verdana color=#cc9900 size=6><IMG height=61 src="http://www.freshettesgraphics.com/fg_falltreewide.gif" width=48 border=0>&nbsp;&nbsp;<IMG height=52 src="http://groups.msn.com/_Secure/0agARA40fTxSj5YMDWmQUL74Pb1Lg5R0TClVYH3HjRWrN3I9J8WtXZX2Ts8N0aCG5mv9z!X7zi6XTnfMI270fuJYsT2QJHSbTToTiqf5tcEpdfyHaH8ghwgQ9axv2PVxdfEor8114klg3ja4kTHhOTgbTIyRrvgl D/welcome_003.gif?dc=4675540270963315103" width=238 align=center border=0>&nbsp; <IMG height=61 src="http://www.freshettesgraphics.com/fg_falltreewide.gif" width=50 border=0></FONT></P></TD></TR></TBODY></TABLE>
<TABLE class="" cellSpacing=0 cellPadding=10 width="100%" background=/_Secure/0ZQDoAi8eCIHs6*is48i5!gKy4X9MwyDoMlxtXUy9odzCbzZCX89MpzQmx7lpdbsNn61WY7!3yb0tCP7vZQInsdyhDhmdD5vXbtXGZ3om!Gz!s8x0u0uUOd46M1bBkVSL*gTIL9s5mhOaH0xPKsI2Gw/leaves.gif?dc=4675540261039984053 border=1>
<TBODY>
<TR>
<TD vAlign=top align=middle width="60%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=1>
<TBODY>
<TR>
<TD><FONT face=Verdana size=3><B>Daily Trivia Rankings</B></FONT></TD></TR>
<TR>
<TD>
<P align=center><FONT face=Verdana size=2><B>"Winners Name Goes Here"</B></FONT></P></TD></TR></TBODY></TABLE>
<P>
<TABLE class="" borderColor=#000000 cellSpacing=1 cellPadding=1 align=center background="" border=1>
<TBODY>
<TR>
<TD><STRONG>Rank</STRONG></TD>
<TD><STRONG>&nbsp;Name</STRONG></TD>
<TD><STRONG>&nbsp;Points</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;1st</STRONG></TD>
<TD><STRONG>&nbsp;Mark</STRONG></TD>
<TD><STRONG>&nbsp;7</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;1st</STRONG></TD>
<TD><STRONG>&nbsp;Heather</STRONG></TD>
<TD><STRONG>&nbsp;7</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;2nd</STRONG></TD>
<TD><STRONG>&nbsp;Lindsay</STRONG></TD>
<TD><STRONG>&nbsp;4</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;2nd</STRONG></TD>
<TD><STRONG>&nbsp;Cyndi</STRONG></TD>
<TD><STRONG>&nbsp;4</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;3rd</STRONG></TD>
<TD><STRONG>&nbsp;Dan</STRONG></TD>
<TD><STRONG>&nbsp;2</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;3rd</STRONG></TD>
<TD><STRONG>&nbsp;Marge</STRONG></TD>
<TD><STRONG>&nbsp;2</STRONG></TD></TR>
<TR>
<TD>
<P><STRONG></STRONG>&nbsp;</P></TD>
<TD><STRONG>&nbsp;Jim</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Jared</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Nicolette</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Charley</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Kristen</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Vicki&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Rob</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR>
<TR>
<TD><STRONG>&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;Lisa&nbsp;</STRONG></TD>
<TD><STRONG>&nbsp;0</STRONG></TD></TR></TBODY></TABLE></P>
<P><A href="http://redcross.org/" target=_top></A></P>
<P><EM>For now this area is for Huricane Rita News since there is a personal interest in this now. <STRONG>Currently it is a strong Cat. 5 with winds at 175 MPH and gusts at 215 MPH!!!&nbsp;</STRONG></EM></P>
<P><EM><STRONG>Huricane Rita Info.</STRONG></EM></P>
<P><A href="http://www.weatherunderground.com/tropical/tracking/at200518_5day.html" target=_top><IMG height=94 alt=Wunderground.com src="http://icons.wunderground.com/graphics/smash/wunderTransparent.gif" width=129 border=0></A><A href="http://www.drudgereport.com/" target=_top><IMG height=101 src="http://www.drudgereport.com/siren.gif" width=106 border=0></A></P>
<P>
<TABLE borderColor=#000000 cellSpacing=1 cellPadding=1 align=center border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center>&nbsp;Click above for track map &amp; Current News </P></TD></TR></TBODY></TABLE></P>
<P>

1fever
09-22-2005, 04:40 PM
Heres the rest. Thanks you guys.

<TABLE borderColor=#000000 cellSpacing=1 cellPadding=1 align=center border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center><FONT face="Lucida Handwriting, Cursive">&nbsp;<FONT color=#0033ff>Stupid Facts</FONT></FONT></P></TD></TR></TBODY></TABLE></P><STRONG>
<P>The significance of the number 21 in a 21-gun salute is derived from adding the digits of 1776.</P></STRONG></TD>
<TD vAlign=top align=middle width="40%" bgColor=#ecf1f6>
<TABLE cellSpacing=0 cellPadding=1 width="100%" bgColor=#ecf1f6 border=1>
<TBODY>
<TR>
<TD width="100%" height=30>
<P><FONT face="Geneva, Arial, Sans-serif" size=2><B>Welcome to ...</B></FONT></P>
<P><FONT face="Geneva, Arial, Sans-serif" color=#009933 size=2><STRONG>The Scott Family and Friends Website</STRONG></FONT></P></TD></TR>
<TR>
<TD width="100%" bgColor=#ecf1f6>
<P align=center><FONT face="Geneva, Arial, Sans-serif" size=2><B>Check out the Time Zones</B></FONT></P></TD></TR></TBODY></TABLE>
<P align=center>&nbsp;&nbsp;&nbsp;&nbsp;<IMG height=20 alt="today's date" src="http://escati.linkopp.net/cgi-bin/date.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=EST-0400" width=142 border=0></P>
<P align=center>&nbsp; <A target=_top><IMG height=20 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=PST-0700" width=84 border=0></A><FONT face="Courier New, Courier, Monospace" size=5><STRONG>PST</STRONG></FONT></P>
<P align=center>&nbsp; <A target=_top><IMG height=20 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=MST-0600" width=84 border=0></A><STRONG><FONT face="Courier New, Courier, Monospace" size=5>MST</FONT></STRONG></P>
<P align=center>&nbsp;&nbsp; <A target=_top><IMG height=20 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=CST-0500" width=84 border=0></A><FONT face="Courier New, Courier, Monospace" size=5><STRONG>CST</STRONG></FONT></P>
<P align=center><STRONG><FONT face="Courier New" size=5>&nbsp;&nbsp;</FONT></STRONG><A target=_top><IMG height=20 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=EST-0400" width=84 border=0></A><FONT face="Courier New, Courier, Monospace" size=5><STRONG>EST&nbsp;</STRONG></FONT></P>
<P align=center>&nbsp;<A href="http://www.worldtimezone.com/time-us12.html" target=_top><IMG height=67 src="http://groups.msn.com/_Secure/0TwCJAusYeP0wpd4ggITAIm7c0et4f88M04L*onj!xeg4B*ZRozehO7qoYlpkLmAekkIX!v9rHe2oNo!os8HrFehgrsIio64ZlstA6tqwZs4LZJCQvEhfmw/TimeZoneMap2.jpg?dc=4675492103562304768" width=97 align=center border=0></A><BR><FONT face="Times New Roman, Times, Serif" size=1>(click on map for World Time Zone map color enlargement</FONT></P>
<P align=center>
<TABLE borderColor=#000000 cellSpacing=1 cellPadding=1 border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center>&nbsp;<EM><STRONG><FONT color=#ff0000>Upcoming Events</FONT></STRONG></EM></P></TD></TR></TBODY></TABLE></P>
<P align=left><FONT size=2><STRONG>Sept. 22-25: </STRONG>Vicki's Hot Air Balloon Trip</FONT></P>
<P align=left><FONT size=2><STRONG>Sept. 26-29: </STRONG>Mark &amp; DTX Media in Detroit</FONT></P>
<P align=left><FONT size=2><STRONG>Oct. 7th: </STRONG>Ashley's 18th Birthday</FONT></P>
<P align=left><FONT size=2><STRONG>Oct.&nbsp;10th: </STRONG>Columbus Day<STRONG>&nbsp;</STRONG></FONT></P>
<P align=left><FONT size=2><STRONG>Oct. 23rd: </STRONG>Jared's 18th Birthday</FONT></P>
<P align=left><EM><FONT size=2>If anyone has any dates that are important just add them to the calendar and I will add it here!!!</FONT></EM></P></TD></TR>
<TR></TR></TBODY></TABLE>
<P align=center><FONT face=Arial size=2>[</FONT><A href="http://groups.msn.com/TheScottFamilyandFriends/general.msnw" target=_top><FONT face=Arial size=2>Family News</FONT></A><FONT face=Arial size=2>] [</FONT><A href="http://groups.msn.com/TheScottFamilyandFriends/shoebox.msnw" target=_top><FONT face=Arial size=2>See Photos</FONT></A><FONT face=Arial size=2>] [</FONT><A href="http://groups.msn.com/TheScottFamilyandFriends/calendar.msnw" target=_top><FONT face=Arial size=2>Calendar</FONT></A><FONT face=Arial size=2>] [</FONT><A href="http://groups.msn.com/TheScottFamilyandFriends/yourwebpage.msnw" target=_top><FONT face=Arial size=2>Games</FONT></A><FONT face=Arial size=2>] [</FONT><A href="http://groups.msn.com/TheScottFamilyandFriends/rulesandregualations.msnw" target=_top><FONT face=Arial size=2>Rules &amp; Regulations</FONT></A><FONT face=Arial size=2>]</FONT></P>
<TD align=middle width="100%" colSpan=2></A><FONT face="Geneva, Arial, Sans-serif"></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=102 border=0>
<TBODY>
<TR>
<TD width=34 height=31 rowSpan=3><IMG height=31 src="http://www.pro-counter.com/img/digits/grey_blue/left.png" width=34></TD>
<TD colSpan=2 height=4><IMG height=4 src="http://www.pro-counter.com/img/digits/grey_blue/top.png" width=68></TD></TR>
<TR>
<TD><A href="http://www.tecstream.com/" target=_top><IMG height=10 alt="media center" src="http://www.pro-counter.com/cgi-bin/gd-count.cgi?page=/TheScottFamilyandFriends/welcome.msnw&amp;style=grey_blue&amp;nbdigits=8&amp;reloads=1" width=64 border=0></A></TD>
<TD width=4 height=27 rowSpan=2>
<DIV align=right><IMG height=27 src="http://www.pro-counter.com/img/digits/grey_blue/right.png" width=4></DIV></TD></TR>
<TR>
<TD><A href="http://www.pro-counter.com/" target=_top><IMG height=17 src="http://www.pro-counter.com/img/digits/grey_blue/bottom.png" width=64 border=0></A></TD></TR>
<TR>
<TD colSpan=2>
<DIV align=center><FONT size=2><A href="http://www.tecstream.com/" target=_top>media center</A></FONT></DIV></TD></TR></TBODY></TABLE></A></DIV></DIV>

jscheuer1
09-22-2005, 09:40 PM
I'd try putting it at the very top of what you have there, above everything else.

1fever
09-23-2005, 01:41 AM
Well, I tried that and I just get my normal page with all the HTML Script for the falling snow above it.

jscheuer1
09-23-2005, 01:56 AM
In that case, you may not be able to use it on MSN Groups pages. However, since the script is bounded by script tags, it shouldn't show up at all, even if it doesn't work, unless the part of the page I cannot see, above what you provided in your message, contains an open display tag that is closed after the end of what you provided. If so, we may be able to close it and reopen later. Also, we must consider that if this is the cause, then MSN Groups pages may not technically allow scripts, do you know their policy on this? If they allow scripts, give me a link to the live page, with or without the script on it, so I can see what the prospects are for placing this script on it.