JavaScript WDL version 1.0.0 alpha.

I’ve placed it in an iframe in my Saratoga template: SE Lincoln, NE USA Weather Website - FreshWDL

A link to the full-browser version is included and the source is attached.


FreshWDL.txt (3.83 KB)

Thanks Jerry =D>

Working well!

Cheers

:smiley:

MikeyM

Hi Yerren

Not sure if its me or not, but today is the first day where we are getting nice warm temps and with the windchill and heat index gauge in auto mode, the heat index is not showing any different from the main temperature gauge. There is wind here which I would have thought that the heat index would show a diff temp to the main temp gauge ???

Cheers

what is your current temperature?
the more information you can provide the better

20.4 at the moment

http://www.fairfieldweather.info/wdl.html

heat index only comes into play above 26.7C
there are other things like humidex or apparent temperature which come into play at a lower temperature

Problem solved then.

Thank you.

Thought I would make the first post for October in this thread after finally discovering it. Here is mine: https://stillwaterweather.com/stwlive.html

Sorry, if I missed it elsewhere in this long thread, but how do you change the background color? Great job! Thanks for everything.

I agree that would be a nice option! I’ve done it for WDL and SteelSeries Gauges, but I don’t think users can do it in FreshWDL - yet.

seemingly loading FreshWDL as an iframe is one solution
see
http://www.larryscohen.com/weather/

You can just add a bgcolor tag to the html page code, or a background tag if you want a background image.

Bunty’s page with a colored background, note the added ‘bgcolor=“#FFB6C1”’

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang="en">

<head>
    <!-- Include initially needed CSS -->
    <link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/css/stylesheet01.css" /> <!--Includes the project's css sheet -->    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/opentip/2.4.6/css/opentip.css" rel="stylesheet" type="text/css" /> <!--Includes the tooltip's css sheet -->
    <!-- Modal code must be outside of body so it can be referenced-->
    <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/UpperContent.js"></script>
 	<meta http-equiv="Content-Script-Type" content="javascript" />
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<title>Stillwater Weather Live</title>
</head>
	<body bgcolor="#FFB6C1"
		onload='initAll();'> <!--Once the page is loaded, start the initialization functions -->
        <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/InnerContent.js"></script>
        
    <!-- Loading Screen Setup -->
    <div id="loadingScreen">
        <div id="loadingText">
            <p id="titleText">Stillwater Weather Live</p>
            <p id="loadingMessage">Collecting Data.</p>
        </div>        
    </div>
    
    <!-- First script that must be loaded -->
    <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/Loading.js"></script>
    
    <!-- Include remiaing Scripts -->
    <script type="text/javascript" src="config.js"></script> <!--Includes the local script that sets customisable variables-->
    <script type="text/javascript" src="https://code.createjs.com/easeljs-0.8.2.min.js"></script> <!--Includes the drawing part of CreateJS: EaselJS-->
    <script type="text/javascript" src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script> <!--Includes the animation part of CreateJS: TweenJS-->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/opentip/2.4.6/downloads/opentip-native.js"></script> <!--Includes the tooltip library: OpenTip-->
    <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/moment-with-locales.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/Globals.js"></script> <!--Includes the script that sets global variables-->
    <script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/WidgetsHandlers.min.js"></script> <!--Includes most of the Scripting-->
      
    </body>
</html>

Great! Many thanks.

Nico, (and others who program a lot):
You indicated a color value with the hex code. Is there a better way that guess and try, in other words is there a tool that shows the color spectrum and you slide the cursor around to generate the color code you need? Sort of what is like in the Color Setup in WD, which just returns the color and I think degree of hue? I’m looking for something that allows easy setting by showing me the color code in hex for the color I’m pointing at.

Since you seem well versed in this, I am taking the chance that you’ve seen such a tool. So far, my google guess as to key words hasn’t been helpful.
Thanks for any leads. Dale

I use this site - but I don’t program a lot!

I like this one which has been around on various sites for ever - note it refers to Netscape :lol:

Google for “color picker”, there’s a ton of them out there. Some will give you a palette of compatible colors, some are desktop apps that allow you to mouse over an image or website and get color codes of objects, there’s even a Chrome plugin to do that (but it’s a bit clunky IMHO).

Oh, no, what happened? They’re not loading any more. Or am I the only one with the problem?

What’s not loading any more? If you mean your FreshWDL it’s working fine for me :?

Oops, I complained too soon. Mine has returned to loading now. http://stillwaterweather.com/stwlive.html

That’s a good one :thumbright:

Hello.

This might be related to my post here: http://discourse.weather-watch.com/t/65971 but my rainfall graph has got confused/not showing all rain data.

It has rained most days over the last week but this no longer shows.

See here: http://217.199.187.197/otronics.co.uk/Weather/FreshWDL/FreshWDLmaster.html

Any ideas or is this a Weather Display problem itself?