Hi,
In Belchertown script, temperature color is set at two different places :
1) in index.html.tmpl :
jQuery(document).ready(function() {
#if $Extras.has_key("aqi_enabled") and $Extras.aqi_enabled == '1'
get_aqi_color( "$aqi" );
#end if
#if $Extras.has_key("beaufort_category") and $Extras.beaufort_category
== '1'
// weewx >= 4.2 can convert to Beaufort directly, but to improve
backwards compatibility, convert windSpeed to
// knots and then use Javascript function to convert to Beaufort
jQuery(".beaufort").html( beaufort_cat( kts_to_beaufort(
"$current.windSpeed.knot.toString(addLabel=False)" ) ) );
#end if
*get_outTemp_color( "$unit.unit_type.outTemp",
"$current.outTemp.formatted" );*
this javascript code in bold is setting the right temperature color just
after the loading of the page.
I think you may have to had here the code that will set the wind colors at
load time
2) In belchertown.js.tmpl, as you did it already for wind. The color will
be applied/changes at the time a new MQTT message is received.
Without adding the code in index.html.tmpl, the wind will not be colored
just after loading the page, and the color will appear when the next MQTT
message with wind values is received.
Le mardi 28 juin 2022 à 09:00:18 UTC+2, Auchtermuchty Weather a écrit :
> As a general note, 'if ..... else if .....' should finish with 'else', not
> 'else if'. With my previous weather station I got some strange readings,
> and your code - ending in 'else if' rather than 'else' - wouldn't match
> some values leading to deformed HTML being generated.
>
>
> On Monday, 23 May 2022 at 22:20:02 UTC+1 Jim Munro wrote:
>
>> I played around a bit with this code for wind colors in the Belchertown
>> skin. I too had some difficulty with the colors and made a few changes.
>> Please see snippet below. I basically had to reverse order the if/else if
>> code to put the higher wind speed first because the else if would always
>> stop a the first >= and not go any further. Your windSpeeds/windGusts and
>> colors may not match mine so adjust to taste.
>>
>> // Change the color of the Windspeed variable according to US-EPA
>> standards
>> // (adjusted to match skin colors better)
>> function get_windSpeed_color(windSpeed, returnColor = false) {
>> windSpeed = parseFloat(windSpeed).toFixed(1); // Convert back to
>> decimal lit
>> if (windSpeed <= 1.1) {
>> var windSpeed_color = "rgba(18,120,200,1)";
>> } else if (windSpeed >= 24.0) {
>> var windSpeed_color = "rgba(159,0,197,1)";
>> } else if (windSpeed >= 18.0) {
>> var windSpeed_color = "rgba(255,69,0,1)";
>> } else if (windSpeed >= 12.4) {
>> var windSpeed_color = "rgba(255,127,0,1)";
>> } else if (windSpeed >= 7.5) {
>> var windSpeed_color = "rgba(255,174,0,1)";
>> } else if (windSpeed >= 3.7) {
>> var windSpeed_color = "rgba(113,188,60,1)";
>> } else if (windSpeed >= 1.2) {
>> var windSpeed_color = "rgba(31,175,221,1)";
>> }
>> // Return the color value if requested, otherwise just set the div
>> color
>> if (returnColor) {
>> return windSpeed_color;
>> } else {
>> jQuery(".curwindspeed").css("color", windSpeed_color);
>> }
>>
>> }
>>
>> // Change the color of the aqi variable according to US-EPA standards
>> // (adjusted to match skin colors better)
>> function get_windGust_color(windGust, returnColor = false) {
>> windGust = parseFloat(windGust).toFixed(1); // Convert back to
>> decimal liter
>> if (windGust <= 1.1) {
>> var windGust_color = "rgba(18,120,200,1)";
>> } else if (windGust >= 24.0) {
>> var windGust_color = "rgba(159,0,197,1)";
>> } else if (windGust >= 18.0) {
>> var windGust_color = "rgba(255,69,0,1)";
>> } else if (windGust >= 12.4) {
>> var windGust_color = "rgba(255,127,0,1)";
>> } else if (windGust >= 7.5) {
>> var windGust_color = "rgba(255,174,0,1)";
>> } else if (windGust >= 3.7) {
>> var windGust_color = "rgba(113,188,60,1)";
>> } else if (windGust >= 1.2) {
>> var windGust_color = "rgba(31,175,221,1)";
>> }
>> // Return the color value if requested, otherwise just set the div
>> color
>> if (returnColor) {
>> return windGust_color;
>> } else {
>> jQuery(".curwindgust").css("color", windGust_color);
>> }
>> }
>>
>> cheers Jim
>> On Tuesday, May 17, 2022 at 7:54:26 a.m. UTC-4 peterq...@gmail.com wrote:
>>
>>> Why are you formatting the windspeed as string and then (multiple times)
>>> converting it to float?
>>>
>>> This may be unrelated to your problem.
>>>
>>> I do notice that the outTemp coloring is done with the string value and
>>> converted to the real value in the coloration function itself. Could the
>>> windspeed float variable be going out of scope? I don't usually write
>>> Javascript so, sorry I'm not much help.
>>>
>>> On Sun, May 15, 2022 at 3:24 AM Meteo Oberwallis <sschn...@bluewin.ch>
>>> wrote:
>>>
>>>> Hi Guys
>>>> I have a problem with the wind color in Belchertown. I managed to
>>>> display the wind in color as well. Only it doesn't always do so after
>>>> visiting or refreshing the Belchertown page. I've attached my changes.
>>>> What
>>>> could it be? I have 2 pictures attached. At view a is at page load and
>>>> also
>>>> a few seconds later. At some point the color will change (see appendix b).
>>>> But that is always different.
>>>>
>>>> This is my Code:
>>>>
>>>> // Change the color of the Windspeed variable according to US-EPA
>>>> standards
>>>> // (adjusted to match skin colors better)
>>>> function get_windSpeed_color(windSpeed, returnColor = false) {
>>>> if (windSpeed <= 0) {
>>>> var windSpeed_color = "rgba(0,255,0,1)";
>>>> } else if (windSpeed >= 19.9) {
>>>> var windSpeed_color = "rgba(126,255,0,1)";
>>>> } else if (windSpeed >= 39.9) {
>>>> var windSpeed_color = "rgba(0,255,0,1)";
>>>> } else if (windSpeed >= 59.9) {
>>>> var windSpeed_color = "rgba(255,128,0,1)";
>>>> } else if (windSpeed >= 79.9) {
>>>> var windSpeed_color = "rgba(255,0,0,1)";
>>>> } else if (windSpeed >= 99.9) {
>>>> var windSpeed_color = "rgba(255,0,120,1)";
>>>> } else if (windSpeed >= 118.0) {
>>>> var windSpeed_color = "rgba(255,1,113,1)";
>>>> }
>>>>
>>>> // Return the color value if requested, otherwise just set the div
>>>> color
>>>> if (returnColor) {
>>>> return windSpeed_color;
>>>> } else {
>>>> jQuery(".curwindspeed").css("color", windSpeed_color);
>>>> }
>>>> }
>>>>
>>>> and
>>>> // Windspeed Metric
>>>> if (data.hasOwnProperty("windSpeed_kph")) {
>>>> windSpeed =
>>>> parseFloat(parseFloat(data["windSpeed_kph"])).toLocaleString("$system_locale_js",
>>>>
>>>> {minimumFractionDigits: unit_rounding_array["windSpeed"],
>>>> maximumFractionDigits: unit_rounding_array["windSpeed"]});
>>>> get_windSpeed_color(windSpeed);
>>>> jQuery(".curwindspeed").html(windSpeed);
>>>>
>>>> I have the complete text as Attachment new_belchertown_js
>>>>
>>>> Thx for you help
>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "weewx-user" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to weewx-user+...@googlegroups.com.
>>>> To view this discussion on the web visit
>>>> https://groups.google.com/d/msgid/weewx-user/1a07d243-7268-48d9-8bdf-a9649df4ac95n%40googlegroups.com
>>>>
>>>> <https://groups.google.com/d/msgid/weewx-user/1a07d243-7268-48d9-8bdf-a9649df4ac95n%40googlegroups.com?utm_medium=email&utm_source=footer>
>>>> .
>>>>
>>>
>>>
>>> --
>>> Peter Quinn
>>> (415)794-2264 <(415)%20794-2264>
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to weewx-user+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/weewx-user/48b2df06-6c9e-497a-a1c3-ff3d0051a5c6n%40googlegroups.com.
