Auto-refresh Website Index Page Without Using Meta Refresh

[Synewave]

Hi Guys,

I need some help with some conversions & calculations and the <span> tags.
Previously, I was running some js to convert and display wind speed km/h to knots (for fishing buddies) easily enough. The old script was:

<script type="text/javascript">
var speed = "<#wlatest>";
var speedknots = Math.abs(speed*0.54*10)/10;
document.write(speedknots.toFixed(1));
</script>&nbsp;kts

I have been able to get the do a similar thing using the realtimereader.js by using:

var spknots = rawdata[6];
$("#speedknots").html(Math.abs(spknots*0.54*10)/10);

and the span tag is <span id="speedknots"></span>

However, this will give 1.6 km/h as 0.8640000000000001 knots.

How am I able to display with 1 decimal point, ie, as 0.8 knots. Am I close or way off the mark here?

I have tried several variants but it usually breaks the javascript.

Thanks in advance.

Dan,

Based on the script you quoted above that worked, try this in the realtimereader.js

Code: Select all

var spknots = rawdata[6];
var speedknots = Math.abs(spknots*0.54*10)/10;
var speedknots = speedknots.toFixed(1);
$("#speedknots").html(speedknots);

Untested, but logically should work based on your original.
The <span id="speedknots"></span> stays the same in your HTML.

[captzero]

Untested, but logically should work

Works like a dream. Thanks Paul.

I knew I had to add .toFixed(1) somewhere.

And, thanks for the quick reply too.

[mcrossley]

Why Math.abs() are you expecting it to go negative?

Math.round(spknots*0.54*10)/10

[mcrossley]

Second thoughts, as you are using .toFixed() - required for those pesky n.0 values - then all you need is:


var speedknots = rawdata[6]*0.54;
speedknots = speedknots.toFixed(1);
$("#speedknots").html(speedknots);

[beteljuice]

Or as a one-liner

$("#speedknots").html((rawdata[6]*054).toFixed(1));

but not so easy on the mind or the eye

[Andy]

It seems many want their index page to automatically refresh without having to press F5. Any many don't want to get into the realms of changing their site to use the PHP methods available in the forum.

Here is a simple way to achieve this using Javascript that will refresh the weather data on your index page automatically every 15 seconds. It works by reading the data from your realtime.txt file (providing you already have Cumulus set to upload that).

Paul,
Thanks - I had been after an auto update process.

[rayauger]

Hello everybody,

Hope someone can help me.

Installed Paul's autorefresh and did some modification but then sometime after the update I am getting garbage as shown on the attached picture. Then a manual refresh or if you wait for the next refresh, it will display OK.

Any idea what could be the problem?

if you want to see the page here is the link

http://pages.videotron.com/meteo/yvan

thanks for your help

Yvan

[mcrossley]

It looks like the fetch of the data actually got a Error 404 page rather than the data. I put some code in my autorefresh to check the contents of the returned data before trying to use in.

[TgT]

Good script

What about some flashcolor for changed data?

[mcrossley]

Good script

What about some flashcolor for changed data?

I have done that on my 'now' page. You need to store all the values, then on the next refresh compare new with old. If different set a 'newValue' style to change the colour. Then at the end of the update routine overwrite the 'old' values with the new and set a 'setTimout()' to call another function after say 10 seconds the clears the new value styles.

--sent from my phone

[elmdcw]

Good script

What about some flashcolor for changed data?

I have done that on my 'now' page. You need to store all the values, then on the next refresh compare new with old. If different set a 'newValue' style to change the colour. Then at the end of the update routine overwrite the 'old' values with the new and set a 'setTimout()' to call another function after say 10 seconds the clears the new value styles.

--sent from my phone

Hi Mark,
Brilliant ! That's exactly what I was looking to do. Is this all done via js? or does it need PHP or anything else?

Dave
http://www.weather.btinternet.co.uk/

[mcrossley]

Well my version is all in client-side JavaScript. Pretty straightforward stuff, have a look at the code and copy/adapt it to your needs.

[elmdcw]

Hi,

I noticed that daj had done something similar so checked that out and got it working.
See http://www.weather.btinternet.co.uk/tes ... altime.htm
The only problem is that the refresh doesn't work in IE9, not even in comptibility mode. Chrome is fine.
Anyone got any ideas?
Cheers
Dave
http://www.weather.btinternet.co.uk

[mcrossley]

It seems to be working now Dave?

[elmdcw]

Yep. I missed a bracket! Thanks

Dave