11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Dans une page HTML, j'ai une image. J'ai un script serveur qui modifie cette image. J'aimerai par javascript pouvoir recharger mon image (sachant qu'elle à la même URL) sans recharge la page. Est-ce possible ?
Oui, sans problème.


var img = document.getElementById('id_de_ton_image');
img.src = "";
img.src = "nouvelle_url.php";
Oui, ça c'est ce que j'avais essayé, mais ça ne fonctionne pas, en tous cas pas avec un type non dynamique (.gif). Je pense que firefox ne recharge pas l'image (même url) et reprend l'image du cache.
Enfin, je suis peut-être passé à côté de quelque chose ?
Si tu as des problèmes de cache, tu peux peut-être essayer :

document.getElementById('id_image').src = "image.php?time=" + (new Date()).getTime();

Le but est ici d'ajouter un paramètre inutile pour que l'URL soit différente à chaque appel. Pour être sûr que le paramètre change à chaque fois, on utilise l'heure du client.