Xibo

Embedded HTML Problem

Asked by Prakash Menon on 2012-09-23

Hi,

I facing this strange problem of embedded html not displaying. The OS is winxp 32 bit and xibo client version is 1.3.3(updated to 1.4 still same problem). I am trying to run this weather script and it sometime displays and then disappears. Some time doesnt display at all. The code is as below

Embedded HTML Code:-

<-------------

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<style type="text/css">
body {
margin: 1em 3em;
font-family: Tahoma, Genevam, sans-serif;
}
form { margin-bottom: 1em; }
.weatherFeed {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 2em 3em;
width: 280px;
}
.weatherFeed a { color: #ffffff; }
.weatherFeed a:hover {
color: #ffffff;
text-decoration: none;
}
.weatherItem {
padding: 0.8em;
text-align: right;
color: #ffffff;
}
.weatherCity { text-transform: font-size:2.0em;uppercase; color: #ffffff;}
.weatherTemp {
font-size:3.0em;
font-weight: bold;
color: #ffffff;
}
.weatherDesc, .weatherCity, .weatherForecastDay { font-weight: bold; }
.weatherDesc { margin-bottom: 1.4em; }
.weatherRange, .weatherWind,.weatherForecastItem { font-size: 0.8em; color: #ffffff;}
.weatherForecastItem {
margin-top: 0.5em;
text-align: left;
}
.weatherForecastItem {
padding: 0.5em 0.5em 0.5em 80px;
background-color: #fff;
background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; color: #ffffff;}

.odd { background:transparent; }
.even { background:transparent; }
</style>
<body>
<div class="scrollable vertical">
<div id="test" class="items"></div>
</div>
</head></body></html>
------------->

Embedded Javascript

<-------------
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://www.zazar.net/developers/jquery/zweatherfeed/jquery.zweatherfeed.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#test').weatherfeed(['UKXX0085','EGXX0011','UKXX0061','CAXX0518','CHXX0049'],{},function(e) {
  $("div.scrollable").scrollable({
          vertical: true,
          size: 1
  }).circular().navigator().autoscroll({
   interval: 3000
  });
});
});
</script>
---------------->