refresh

[britt]

Ok.. this is probably a very stupid question to some of you. lol But.. How do I get a page to refresh every couple of minutes? I am using frames on my site (yes, I know what everyone thinks of frames :rolleyes: ) and I want the top banner to refresh so that my banner rotator changes..

Any advice would be awesome! :D

[sharkey]

What do you mean by banner rotator as there are many ways to implement some of the ideas using javascript and a ssl(server side langauage).

[britt]

Hi Sharkey.. Thanks for your help... :)

This is the javascript that I am using for the banner rotator.. can something be added to make the page refresh?

<script language="Javascript">
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com

var currentdate = 0;
var core = 0;

function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}

}

link = new initArray(
"http://www.simply-baby.net/",
"http://www.themomteam.com/cgi-bin/mom.cgi?id=br419502&action=show/",
"http://www.qksrv.net/click-1501046-9497390/",
"http://ww4.aitsafe.com/go.htm?go=www.earthmamaangelbaby.com&afid=15366&tm=5&im=38/"
);

image = new initArray(
"http://www.simply-baby.net/images/sbexchange.gif",
"http://www.themomteam.com/logos/468x60_1.gif",
"http://www.qksrv.net/image-1501046-9497390",
"http://www.earthmamaangelbaby.com/2004_banners/468_4.gif"
);

text = new initArray(
"Please Visit Simply-baby!",
"Please Visit The M.O.M Team!",
"Please Visit Motherhood Maternity!",
"Please Visit Earth Mama Angel Baby!"
);

var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = link[core];
var ranimage = image[core];
var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\" target="_blank"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\"></a>');


//-->
</SCRIPT>

[MstrBob]

Avoid using refresh. You can use Timeout and the HTML DOM to switch it for you.


<script language="Javascript">
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com

var currentdate = 0;
var core = 0;

function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}

}

b_link = new initArray(
"http://www.simply-baby.net/",
"http://www.themomteam.com/cgi-bin/mom.cgi?id=br419502&action=show/",
"http://www.qksrv.net/click-1501046-9497390/",
"http://ww4.aitsafe.com/go.htm?go=www.earthmamaangelbaby.com&afid=15366&tm=5&im=38/"
);

image = new initArray(
"http://www.simply-baby.net/images/sbexchange.gif",
"http://www.themomteam.com/logos/468x60_1.gif",
"http://www.qksrv.net/image-1501046-9497390",
"http://www.earthmamaangelbaby.com/2004_banners/468_4.gif"
);

text = new initArray(
"Please Visit Simply-baby!",
"Please Visit The M.O.M Team!",
"Please Visit Motherhood Maternity!",
"Please Visit Earth Mama Angel Baby!"
);

var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = b_link[core];
var ranimage = image[core];
var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\" target="_blank" name=\"banner_link\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\" name=\"banner_image\"></a>');

function rotate()
{
var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = b_link[core];
var ranimage = image[core];
var rantext = text[core];

banner_link.href = ranlink;
document.banner_image.src = ranimage;
document.banner_image.alt = rantext;
setTimeout("rotate()", 60000);
}

setTimeout("rotate()", 60000);
//-->
</SCRIPT>


That will rotate the banner each minute. You can change the elapse time, though. Set an equal time for both timeouts, after the coma. One 1000 equals 1 second, hence 60000 equals a minute.

[britt]

Thank you, Thankyou, Thankyou!! You are awesome! :D

[britt]

Ummmmmm MstrBob... It doesn't seem to be working.. :(

I copied and pasted the script but it's not jumping to the next banner..

Here is the link to my site Posh & Pregnant (http://members.shaw.ca/pregnancyplus/)

Help.. :confused:

[ray326]

Error: banner_link is not defined
Source File: http://members.shaw.ca/pregnancyplus/banner.htm
Line: 73

[MstrBob]

Ooops, eh, sorry. Erm, tested this, it should work:


<script language="Javascript">
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com

var currentdate = 0;
var core = 0;

function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}

}

b_link = new initArray(
"http://www.simply-baby.net/",
"http://www.themomteam.com/cgi-bin/mom.cgi?id=br419502&action=show/",
"http://www.qksrv.net/click-1501046-9497390/",
"http://ww4.aitsafe.com/go.htm?go=www.earthmamaangelbaby.com&afid=15366&tm=5&im=38/"
);

image = new initArray(
"http://www.simply-baby.net/images/sbexchange.gif",
"http://www.themomteam.com/logos/468x60_1.gif",
"http://www.qksrv.net/image-1501046-9497390",
"http://www.earthmamaangelbaby.com/2004_banners/468_4.gif"
);

text = new initArray(
"Please Visit Simply-baby!",
"Please Visit The M.O.M Team!",
"Please Visit Motherhood Maternity!",
"Please Visit Earth Mama Angel Baby!"
);

var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = b_link[core];
var ranimage = image[core];
var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\" target="_blank" id=\"banner_link\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\" name=\"banner_image\"></a>');

function rotate()
{
var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = b_link[core];
var ranimage = image[core];
var rantext = text[core];

document.getElementById('banner_link').href = ranlink;
document.banner_image.src = ranimage;
document.banner_image.alt = rantext;
setTimeout("rotate()", 3000);
}

setTimeout("rotate()", 3000);
//-->
</SCRIPT>

[britt]

Originally posted by MstrBob
Ooops, eh, sorry. Erm, tested this, it should work: You Rock!!!!!!!! :) Thankyou, Darlin! :D