dynamisk refresh af billede i XHTML
Jeg prøver lige igen :o)lukkede et spørgsmål på grund af inaktivitet, vil se om det nu vil kunne lade sig besvare..
( http://www.eksperten.dk/spm/459675 )
Jeg har følgende lille script som opdaterer et cam..
<script type="text/javascript">
var refreshRate = 3000
function loaded(id){
document.all["image" + id].style.display = ''
id = ++id%2
document.all["image" + id].style.display = 'none'
setTimeout("setSrc(" + id + ")", refreshRate)
window.status=''
}
function setSrc(id){
document.all["image" + id].src = 'http://cam.domain.dk/User/pic.jpg?x=' + new Date().getTime()
window.status='Opdaterer Webcam'
}
</script>
<div id="header">WebCam</div>
<div id="centerContent">
<img name="image0" id=image0" alt="" onload="loaded(0)" onerror="loaded(1)">
<img name="image1" id=image1" alt="" onload="loaded(1)" onerror="loaded(0)" style="display:none;">
<br /><br />
-----------------------
Det er i og for sig også fint nok.
Nu vil jeg så have det til at Validere XHTML 1.0 Strict..
Det kan jeg ikke med OnError, OnLoad, og Name attributes på img tagget..
Hvordan kan jeg nemmest lave det om ?
Jeg prøvede med følgende, som selvfølgelig ikke virker..
-----------------
<script type="text/javascript">
var refreshRate = 3000
setTimeout("document.getElementByID("image0")", refreshRate)
document.getElementByID("image0").src = 'http://cam.domain.dk/User/Pic.jpg?x=' + new Date().getTime()
</script>
<div id="header">WebCam</div>
<div id="centerContent">
<img id="image0" alt="" src="http://cam.fredet.dk/Mads/KingMedia.jpg?x=" />
<br /><br />
Håber der er nogle JavaScript eksperter der kan gi mig et skud JavaScript viden :o)
onload="" onerror="" kan nemlig ikke valideres i XHTML.. findes der en workaround for det ?
/Mads
