Auto-refresh Website Index Page Without Using Meta Refresh

daj · **Posted:** Fri Feb 25, 2011 9:19 am

Do people seriously not use Javascript?! The Internet must be quite dull then

In all fairness we should always consider these things -- especially for people who rely on technology such as screen readers. Who said web page design was simple? It's bad enough coding a page for a bucket full of browsers all with their own set of issues.

fractonimbus · **Posted:** Fri Feb 25, 2011 1:07 pm

Interesting change in the browser stats since I last looked a year or two ago: IE ~45%, FFox ~30%, Chrome ~13%, Safari ~6% So non-w3c-compliant browsers (IE) now down to below 50%... hallelujah!

DN

(though Safari's javascript leaves something to be desired)

captzero · **Posted:** Sun Feb 27, 2011 8:51 am

Paul & Daj,

I really like this javascript. Great job. I have tried it on a test page and am able to update the data as per the instructions. I also use a fair bit of javascript to update other stuff using the standard web tags (wind dir images, trend arrows, text, speed conversions, etc). Will using the <span id="temp"><#temp></span> still allow the <#temp> tag to update trend arrows for instance?. I couldn't get it to work. Is there a work around?

Thanks

Synewave · **Posted:** Sun Feb 27, 2011 10:29 am

Hi Dan,

Glad you like it. Seems you are using some Javascript in your HTML anyway for the trend arrows. To make them work 'realtime' that code would need to be added in the realtimereader.js file.

Something like:

Code:

var temptrendicon = rawdata[25];
if (temptrendicon==0){var imagen = "steady1.gif";}
if (temptrendicon>0){var imagen = "up1.gif";}
if (temptrendicon<0){var imagen = "down1.gif";}
$("#temptrendicon").html('<img src="http://www.brisbaneliveweather.com/'+imagen+'"align =absmiddle>');

Then in your HTML, code <span id="temptrendicon"></span>

captzero · **Posted:** Sun Feb 27, 2011 10:35 am

Thanks Paul, I'll give it a try.

Cheers

Synewave · **Posted:** Sun Feb 27, 2011 10:45 am

Ooops, Sorry Dan, there was an error in that code I quoted. I've upated my post.

beteljuice · **Posted:** Sun Feb 27, 2011 3:06 pm

In a similar fashion, all your other JS created Hi / Lo, weather / wind icon decision coding needs to moved / modded into the ajax 'loop' :shock:

Welcome to the world of bespoke coding - to paraphrase Oscar Wilde "The pure and simple page is rarely pure and never simple" !

But you do feel so good when a little graphic changes or some text suddenly appears :clap:

captzero · **Posted:** Sun Feb 27, 2011 7:55 pm

Thanks Paul / Daj,
I can see some more lost hours in front of the screen coming up for me. :lol:

captzero · **Posted:** Thu Mar 03, 2011 12:41 pm

Thanks again Paul & Daj.

:clap:

The script works well and easy enough to get up and running. Paul, thanks for the tip about the trend arrows. I was able to use that info to get all my other bits to update as well. Its a bit clunky in Chrome (okay in IE and FF) when fetching the wind direction graphic etc, but I can live with that. :clap:

captzero · **Posted:** Sun Mar 06, 2011 9:16 am

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> 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.

Synewave · **Posted:** Sun Mar 06, 2011 10:49 am

captzero wrote:

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> 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:

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 · **Posted:** Sun Mar 06, 2011 11:00 am

Synewave wrote:

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 · **Posted:** Sun Mar 06, 2011 1:03 pm

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

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

mcrossley · **Posted:** Sun Mar 06, 2011 1:37 pm

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 · **Posted:** Sun Mar 06, 2011 2:05 pm

Or as a one-liner

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

:lol:

but not so easy on the mind or the eye :shock:

	It is currently Tue May 21, 2013 7:49 pm
Please click here before posting. Help me to help you!
Useful Links: Cumulus FAQ • Enhancement requests • Wiki (documentation)
Please put your approximate location into your profile
Add your web site to the Cumulus user map
Vantage Pro2 users with firmware 3.00 should upgrade to fw 3.12 and Cumulus 1.9.4
Latest Cumulus release v1.9.3 (build 1059) - Feb 09 2013 Latest Cumulus beta v1.9.4 build 1076 - May 12 2013 --> Latest Cumulus Realtime v1.0.0.5 - Sep 05 2009

Sandaysoft

Auto-refresh Website Index Page Without Using Meta Refresh

Who is online