Change text colour temporarily on data update

[mikechristelow]

Hi,
I'm trying to find a way of highlighting data values that have changed on my web pages, just for a few seconds and then revert to the standard colour - I'm using HTML and javascript.
I've searched the forum, as I'm sure the answer to this has been posted previously but I can't find it.
Is anyone able to find the previous topic(s) on this?
Thanks,
Mike

[saratogaWX]

Sure, that's been a feature of the AJAX script(s) in the Saratoga template sets.

The AJAX script for Cumulus (https://saratoga-weather.org/wxtemplate ... jaxCUwx.js) uses the class="ajax" to mark those entities for AJAX updates, and id="ajax...." for the specific section to be updated.

For example, for temperature the HTML markup would be:

<span class="ajax" id="ajaxtemp">...</span>

When the script runs, the ',..' would be replaced by the current temperature from Cumulus realtime.txt and the 'green flash' of the data would take place for 2 seconds.

You can search the ajaxCUwx.js script for all the set_ajax_obs(...) calls.. that defines all the id="ajax..." that are available.

Hope this helps...

BTW... you can use only ONE instance of id="ajaxtemp" (or other ajax... values) in the HTML on a page due to the HTML restriction that id= values must be unique on a page. If you err and put an additional one of the same id value on the page, only the first one will be used by the script.. that's just the way it works.

[mikechristelow]

Brilliant, thanks very much - just what I was after. I've implemented a little of this and just need to fine tune it but it does exactly what it says in the tin (and more!).
Thank you!