View Full Version : Desperately seeking HELP with FLOATERS


BAAsMOM
04-29-2003, 05:43 AM
HELLO there! I am soooo new at this html stuff and now am trying to learn how to make FLOATERS work. My daughter is 9 and has been battling ovarian cancer for the past 4 years. She has a website at CaringBridge.com and wants me to put FLOATERS on her website. I have tried to copy the script given here, however NOTHING shows up. I edited, putting in the file names (I upload to her angelfire site) but it still does NOT work. I am not sure if I'm doing it right, so if someone would PLEASE help me.......I would truly appreciate it. Here is what I have place in the body......

<script language="JavaScript1.2">
<!-- This cool script is copyright Altan, visit his site! -->
<!-- http://www.altan.hr/snow -->

<!-- This script is provided free at Lissa Explains it All -->
<!-- http://www.lissaexplains.com -->

<!-- Begin
var no = 15; // snow number
var speed = 9; // smaller number moves the snow faster
var snowflake = "http://www.angelfire.com/nc3/armalpass/fd1.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"http://www.angelfire.com/nc3/armalpass/fd1.gif");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"http://www.angelfire.com/nc3/armalpass/fd2.gif");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http://www.angelfire.com/nc3/armalpass/fd3.gif");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http://www.angelfire.com/nc3/armalpass/fd1.gif");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

Lissa
04-29-2003, 12:31 PM
Hi :waving: Is the code uploaded at Angelfire or caringbridge.com?

BAAsMOM
04-30-2003, 07:15 AM
Lissa,

First THANKS for taking the time to help me. Sorry, but I only get time at night to update and check my mail.

OK,.....the gif is uploaded at the angelfire site, but I put the code in at the CaringBridge site. At this time, we can ONLY upload 3 pictures on CB. So I load the pictures, backgrounds, etc on the AF site and put the html in the CB so it will appear on the page on the CB site. Did I confuse you, because I surely confused me.

I do know that it works for all the other background things, however I have NEVER been able to get the FLOATERS to work. Not too javascript literate, so I don't know if it works differently. However, I know if I could just understand and get the commands to work in the Edit Page section, I will be able to maintain and change the Floaters by changing the file name. Just need to know, what goes where???

If you need any more help.......PLEASE let me know. If you'd like to check out her site on CB, also let me know. I just do NOT give it out in forums. She's a very special little girl who has been through soooooo much. She really LOVES Rascal Flatts and has met them 3 times, introducing them 2 times, and they even called her while she was having transplant last year. She wants me to do her site in Rascal Flatts for May, since she is going to get to see them again that month. They have a "flat dog" logo that she would like to float........or rain........as she wants to put one of their songs on there and the video has rain in it.

So, PLEASE help me if you can. Again I THANK YOU for you time! God bless and keep you!

Love In Christ
BAAsMOM

Lissa
04-30-2003, 01:07 PM
Angelfire doesn't allow direct linking so your images won't show up when you configure the script in that way =/

BAAsMOM
04-30-2003, 06:32 PM
So what am I to do? Is there NOTHING I can do? It allows me to write the HTML so that my background goes up, why won't it allow this? Do I need to get another site? PLEASE help me.......I am DESPERATELY trying to do this.

PS: I told you I was html/javascript illiterate??? Am I NOT suppose to do things this way? Like I told you.......this is a site for my sick child.......wouldn't dream of doing anything wrong.
ALSO......I do have 3 picture spots on the CaringBridge page......can I upload it to there and do it then? I would be willing to use one of them.......if ONLY for a month so I can do this for her.

Love In Christ
Sherri

starlet
04-30-2003, 11:41 PM
Alot of hosts block direct linking because it uses up bandwidth, which costs them alot of money. If you can upload the images to your current host you should, but if not theres plenty of free hosts out there that do allow direct linking, such as boomspeed.com, stfu.nu, imagestation.com (search the forum for 'direct linking' if you want more links too) Once you get your images working the code should be fine.

BAAsMOM
05-01-2003, 04:33 AM
THANK YOU ALL sooooooooo MUCH~ I'm sorry to be such a bother. Now, when I put the code in, the ONLY thing I should have to edit is the "http://....gif"??? I'll try that......if I have any more problems, I'll let you know. Until then, THANKS AGAIN!

Love In Christ
BAAsMOM

BAAsMOM
05-01-2003, 08:02 PM
OK.........I uploaded the floater to my Photo Page on Caringbridge and I put the code in at the top and then the bottom of the page and NEITHER worked. I did put in the http://www.caring............in the ONE place on line 9 I think and I just can't get it to work. I also went to the imagination.com or whatever it was and in the agreement it says that I can't direct link, so I that's why I tried to do it from Autumn's site. PLEASE HELP ME! If you need to, e-mail me and I'll send you EVERYTHING I've typed in.

starlet
05-02-2003, 12:40 AM
Are you putting the code on the page that you have as your WWW button down there? because i dont see the code...if its on another page could you post the link to it please?

And are you sure that the host (caringbridge) supports Javascript?

BAAsMOM
05-02-2003, 06:36 AM
YES! Well, let me explain. FIrst I tried it by uploading the gif to the AF site and putting the codes on the CB site. That didn't work and I was told that AF didn't alllow this. So next I went to the CB site, uploaded the gif into my photo album and changed the address/file name into the code so it would reflect the CB site. That doesn't work either. I did get an email from someone and sent them a reply. I don't know what else to do??? PLEASE......SOMEONE.......HELP!

BAAsMOM
05-07-2003, 06:54 AM
Hi EVERYONE! This is really a GREAT site with a LOT of GREAT people here. Thanks to "amicus" we NOW have FLOATERS! "AMICUS" you are DA MAN! THANK YOU SOOOOOOOOO MUCH FROM THE BOTTOM OF OUR HEARTS! You definitely were a GOD SEND! Thanks to all the others who tried to help me too!

amicus
05-07-2003, 04:08 PM
hi everybody

what was happening was that the caringbridge site was altering the code. we ended up having to remove all the comments and putting all the code on 1 line. kind of a funky monkey to read but it works, yippy. it wasn't anything that we had control over, we just had to do a work around but the good thing is that it works :)