Analog clock JavaScript doesn't work in xibo 1.5.2 dotNet client
Hello guys,
I am implementing layout with analog clock as embedded html code. hereby is the code:
============== starting code block =======
<style type="text/css">
* {
margin: 0;
padding: 0;
}
position: relative;
width: 150px;
height: 150px;
margin: 0px auto 0 auto;
}
.clock{
}
#sec, #min, #hour {
position: absolute;
width: 150px;
height: 30px;
top: 58px;
left: 0px;
}
#sec {
z-index: 3;
}
#min {
z-index: 2;
}
#hour {
z-index: 1;
}
p {
}
</style>
<script type="text/
var seconds = new Date().
var sdegree = seconds * 6;
var srotate = "rotate(" + sdegree + "deg)";
/* window.
}, 1000 );
var hours = new Date().getHours();
var mins = new Date().
var hdegree = hours * 30 + (mins / 2);
var hrotate = "rotate(" + hdegree + "deg)";
}, 1000 );
var mins = new Date().
var mdegree = mins * 6;
var mrotate = "rotate(" + mdegree + "deg)";
}, 1000 );
});
</script>
<div id="clock-wrapper">
<ul class="clock">
<li id="sec"></li>
<li id="hour"></li>
<li id="min"></li>
</ul>
</div>
=======
The code works well if I put it into a separate file and place it on the server and open the file via Internet Explorer, in my case it is IE11. But in Xibo client arrows are not moving. But if I uncomment window.alert, I constantly get popup window.
Any ideas why IE doesn't redraw arrows after css styles are changed in xibo?
Thank you in advance,
Vlad.
Question information
- Language:
- English Edit question
- Status:
- Solved
- For:
- Xibo Edit question
- Assignee:
- No assignee Edit question
- Solved by:
- Alex Harrington
- Solved:
- Last query:
- Last reply: