Custom weather script not shown

Hi,

my custom weather script shown on screen (preview) and work fine on web server but it didn’t show up on xibo client display. Please see below information…Many Thanks!

http://videobroadcast.hk/xibo/3rdparty/index2.html
Region Timeline/Embedded
Embedded HTML

<body >
                <div class="row">
                        <span id="example-inline-large"></span>
                    </div>
     		<!-- /container -->
        <!-- jQuery, plugins and BetterWeather script-->
        <script src="/BetterWeather/better-weather/js/jquery.min.js" type="text/javascript"></script>
        <script src="/BetterWeather/better-weather/js/skycons.js"></script>
        <script src="/BetterWeather/better-weather/js/elementQuery.min.js"></script>
        <script src="/BetterWeather/better-weather/js/betterweather.min.js"></script>
        <!-- Bootstrap core JavaScript -->
        <script src="/BetterWeather/documentation/bootstrap/js/bootstrap.min.js"></script>
        <script type='text/javascript'>
            var BW_Localized = {
                apiKey: '68f8c34082a9d39ed4c038a9ff4c22b1',
               
            } ;
        </script>
        <script>
            //            var doc_ajax_url = "/BetterWeather/better-weather/ajax/ajax.php";
            var doc_ajax_url = "http://better-studio.net/plugins/better-weather/better-weather/ajax/ajax.php";
        </script>
        <script>
        (function($){
        
            // Inline mode examples
            $('#example-inline-large').betterWeather({
                location: '22.2855200, 114.1576900',
                animatedIcons: true,
                fontColor: "#FFFFFF",
                url         :   doc_ajax_url,
                mode : "inline",
                inlineSize: "large"
            });
       })(jQuery);
        </script>
    </body>

HEAD content to Embed (including script tags)
<script type="text/javascript">
function EmbedInit()
{
    // Init will be called when this page is loaded in the client.

<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="BetterStudio">
		<title>BetterWeather Examples</title>

		<!-- Bootstrap core CSS and page custom styles-->
		<link href="/BetterWeather/documentation/bootstrap/css/bootstrap.min.css" rel="stylesheet">

        <!-- BetterWeather styles -->
        <link href="/BetterWeather/better-weather/css/bw-style.min.css" rel="stylesheet">

        <!-- Custom styles for this template -->


        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
	</head>

    return;
}
</script>

You have HTML in your <script> content which probably isn’t doing what you think - beyond that all your URL’s are relative and won’t be available on the local player.

You might be better to reference your completed page using the webpage module?

Yes, i put it on web module but the font color didn’t work. I have tried “white”, #FFFFFF, rgb(255.255.255) but the font color is still black. Preview works perfectly but actual output didn’t

http://videobroadcast.hk/xibo/3rdparty/index2.html

Thanks!

Have you applied the windows registry settings to force a later Internet Explorer to be used? Enabling HTML5 in the Windows .net Player

Hi, After applying the patches, I still saw the adnormal white background instead of transparent.

Here is the screen capture: http://videobroadcast.hk/xibo/3rdparty/WebModule_issue_after_patch.png

Our html page:
http://videobroadcast.hk/xibo/3rdparty/7-14Floor-3.html

Many thanks!

Hi,

I found a solution, “Edit Wedpage”, “Option”, open-natively needs to change to manual position. Now our webpage work perfectly with transparent background

1 Like

That really shouldn’t make a difference, but if it works for you then that is excellent new :smiley: