Problème de chargement d'image dynamique sous firefox

Voila je sèche sur un petit pb. J'utlise un script dans un formulaire d'inscription qui est censé recharger une image crypté sous IE6 &IE7 cela fonctionne correctement mais pas sous firefox (j'ai la 1.5).

Partie du code HTML :

Code:

---

1 2 3 4 5

... <img id="crypto" src="formulaire/image.php" width="187" height="37" title="Image avec des chiffres"/> <a href="#crypto" id="perso_12_bt" name="crypto">recharger l'image</a> ...

---

Partie Javascript

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

... Img_C = document.getElementById('crypto'); // Image crypté I_C = document.getElementById('perso_12_bt'); // Actualiser l'image I_C.onclick=I_C_click ; // Active la fonction   function I_C_click() { Img_C.src="formulaire/image/reload.png"; // Affiche une image vide timer = setTimeout("actImage()",100); réactualise } function actImage() { clearTimeout(timer) ; // Supprime le timeout Img_C.src="formulaire/image.php"; réaffiche l'image }

---

c'est le onclick qui te pose souci ?
quel est le comportement defectueux ?

l'image en faite est un script php qui genere un numéro.
J'ai l impression que firefox garde en cache l'image et du coup au lieu de la regeneré il la garde en cache du coup lorsque je réactualise l'image c'est toujours la meme image alors que sous ie elle réafficher avec un nouveau code.

heu je pense plutot que c'est l'attribution du onclick qui pêche ...

Code:

---

I_C.onclick=I_C_click ; // Active la fonction

---

essaye ça à la place :

Code:

---

1 2	I_C.onclick=function(){I_C_click()} ; I_C.setAttribute('onclick',function(){I_C_click()}) ;

---

les deux lignes sont nécesaires ...

Desolé mais cela ne fonctionne pas.

ben si tu recharge la page, c'est normal que ce soit la première image qui revienne non ?

justement l'image est un script php, qui affiche aléatoirement un numero, c'est pour valider un formulaire d'inscription. sous ie kan je clique sur le lien recharger image , l'image est regenerer a chaque fx que je clique cela créer un nouveau numero mais pas sous firefox, c'est tjr la meme image.

et tu transfère ou de javascript à php pout lui dire quelle image afficher ?

Code:

---

1 2	<img id="perso_12" src="formulaire/image.php" width="120" height="25" title="Image avec des chiffres"/>

---

la dedans j'insère le script php qui affiche l'image generé aléatoirement
IE et firefox l'affiche correctement.

apres j appel le script en (javascript) qui me permet de rappelé l'image et donc d'afficher un autre numero.
Sous IE l'image est réactualiser et l'image change automatiquement. Mais pas sous firefox j'ai l'impression qu'il le garde en cache et au lieu de ractualisé l'image il reaffiche celle en cache...

pitit up :oops:

Bon résolu.

En fait j'ai juste a créer une variable bidon lorsque je régenère l'image

Code:

---

1 2	Img_C.src=dir+"image.php?var="+Math.random();

---

Citation:

---

Envoyé par Tmex

Bon résolu.

---

Il faut dire à Firefox et à IE de ne pas mettre l'image en cache. Sinon, quand ils voient une adresse qu'ils ont déjà appellée recemment, ils reprennent l'image en cache.

Tu peux virer ça en changeant l'adresse à chaque fois (ce que tu as fait) ou en mettant les bon header HTTP. Et ça là que tu peux avoir un fonctionnement différent, parceque IE et Firefox ne prennent pas les même headers en compte. Il y en a un qui veux du Expire 0 et l'autre du pragma no-cache.....

A priori comme me l'a fait remarqué titou même pas besoin de variable...

juste envoyer un chiffre aléatoire après le nom du fichier :

Code:

---

Img.src='monimage.gif?'+Math.random()

---

pour affiner la chose, et exclure le risque de tomber deux fois sur le même random ...

Code:

---

new Date().getTime();

---

:wink:

titou le jour ou tu tombes deux fois de suite sur le même random courre t'acheter un ticket d'euromillion ...

pour les paranoiaques du hasard ...

[/code]new Date().getTime()*Math.random()

Code:

---

 

---

:lol: :lol: