How refresh a item in website

Dev Shed Forums Sponsor:

February 20th, 2013, 08:01 AM

actioman

Registered User

Join Date: Feb 2013

Posts: 4

Time spent in forums: 50 m 2 sec
Reputation Power: 0

How refresh a item in website

Hi there,

I am a passionate weather and I'm creating a website for my weather station.
Because I am a beginner in this world of design pages for websites I'm learning as I go creating pages.
Now I wanted to create a page with the radar image from my area. But that was updated by the minute.

What complicates me more is that the image is in the following direction:
www. meteoelvas . com / RadarIM.php. And the script I'm testing does not work. Loads the image initially, but then will not upgrading to the most recent image, as you can see here:
www. meteoelvas . com / wxradar.php.

This is the code I am using:

Code:

<script type="text/javascript">
// <![CDATA[ 
var refreshrate = 60; // seconds between refresh
var image = "RadarIM.php"; // image name
var imgwidth = 600; // image width
var imgheight = 600; // image height
var imgalt = "Radar IM"; 
function refresh() { document.images["pic"].src = image + "?" + new Date(); setTimeout('refresh()', refreshrate * 1000); } document.write('<img src="' + image + '" alt="' + imgalt + '" name="pic" id="pic" width="' + imgwidth + '" height="' + imgheight + '" style="border: none;" />'); if(document.images)window.onload=refresh; // ]]> </script>

My thanks for possible helps.

February 20th, 2013, 09:12 AM

web_loone08

Contributing User

Join Date: Aug 2008

Posts: 605

Time spent in forums: 1 Week 1 Day 16 h 30 m 44 sec
Reputation Power: 69

You need to give the image a unique query (to prevent image cache); as you were trying to do, but you were using the Date Object. So I replaced it with a number.

Code:

<script type="text/javascript">
// <![CDATA[ 
var refreshrate = 60; // seconds between refresh
var image = "RadarIM.php"; // image name
var imgwidth = 600; // image width
var imgheight = 600; // image height
var imgalt = "Radar IM";
var refreshID = 0;
refreshrate = refreshrate * 1000;
function refresh()
{
refreshID++;
document.images["pic"].src = image + "?rid=" + refreshID; 
setTimeout('refresh()', refreshrate);
}
document.write('<img src="' + image + '" alt="' + imgalt + '" name="pic" id="pic" width="' + imgwidth + '" height="' + imgheight + '" style="border: none;" />'); 
window.onload = function() {
refresh();
}
// ]]>
</script>

Comments on this post

actioman agrees!

Last edited by web_loone08 : February 20th, 2013 at 03:54 PM.

February 20th, 2013, 12:54 PM

actioman

Registered User

Join Date: Feb 2013

Posts: 4

Time spent in forums: 50 m 2 sec
Reputation Power: 0

web_loone08 many many thanks!!!

So simple, but for those who do not know becomes complicated.

And what the asks the code now? an image whatsoever, in a given time interval?

How refresh a item in website

Developer Shed Advertisers and Affiliates