JavaScript WDL version 1.0.0 alpha.

I do not know how to do that? The HTML page is loaded with an ‘Include’ and I cannot put a iframe in that call. The FreshWDL.html is all script calls so I don’t know how to do iframe there?

I did this

Error: Embedded data could not be displayed.

And I am in no way a programmer.

Thanks that helped. I am able to scale it down. In the Saratoga templates there is a user selectable option for ‘wide’ or ‘narrow’ display. I was able to auto adjust for that like this:

<div id="main-copy">
  
	<h1><?php langtrans('Fresh Weather Display Live'); ?></h1>
<?php
	if($_SESSION['CSSwidescreen'] == 1) { ?>
		<object data="FreshWDLmaster.html" width="1200" height="600" background="white"> <embed src="FreshWDLmaster.html" background="white"> </embed> Error: Embedded data could not be displayed. </object>
<?php
	;} else { ?>
		<object data="FreshWDLmaster.html" width="650" height="375" background="white"> <embed src="FreshWDLmaster.html" background="white"> </embed> Error: Embedded data could not be displayed. </object>
<?php
	;} ?>
    
</div><!-- end main-copy -->

Thank you for the help.

Nice that it succeeded

Piet

That’s a nice implementation into the Saratoga template.

I put in my site. I’ve noticed that the text and numbers are not crisp on the left side of the page. Or perhaps it’s my eyes.

http://www.m82a1.us/wxWDL.php

All fixed. I fattened up the Saratoga Narrow page and the JavaScript WDL page.

Actually came up faster on Duckduckgo on my android phone 7.1.1 than it did with the latest version of firefox on Win10 on my laptop

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