recharger une image après un timeout
Bonjour;
Je dois recharger des images (qui peuvent éventuellement changer) sur une page de manière automatique et toutes les x secondes.
Je me suis tourné vers le javascript (que je ne connais absolument pas :-S) en essayant d'associer un changement d'images après un timeout.
J'ai essayé ce code intégré en haut de ma page:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| <script type="text/javascript">
function reload() {
alert('oui');
URL = "/xymon/gifs/clear-recent.gif";
if (window.XMLHttpRequest) xhr = new XMLHttpRequest();
else if (window.ActiveXObject) xhr = new ActiveXObject('Microsoft.XMLHTTP');
else alert('JavaScript : Your nagigator does not support XMLHttpRequest objects');
xhr.open('GET',URL,true);
xhr.onreadystatechange = ajaxReponse;
xhr.send(null);
}
function ajaxResponse() {
alert('non');
if (xhr.readyState == 4) {
document.getElementById("turn_clear",true).innerHTML=xhr.responseText;
var timer=setTimeout("rafraichir()",5);
alert('ouioui');
}
}
</script> |
et je rajoute un id pour les images (id="turn_clear".
Donc je suppose qu'au bout de 5 secondes, les images avec l'id turn_clear vont changer. Mais ce n'est pas le cas, et rien ne se passe :-S Même pas les alert!
Quelqu'un pourrait me donner un début de piste?
Merci!