Discussion :

[kamclasse]

bonjour à toutes et à tous,

comme j'ai dit dans l'intitulé mon problème c'est que je veux actualiser un div avec du ajax/Jquery. tout est bien sauf que dans la div il y a une image générer par du PHP, donc tout le contenu de la div il est actualisé sauf cette image.

voici mon code.

la Div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="promoquizcontent" id="graph">
                 vide         
</div>

La page qui sera dans la div "survey/sondage/sondageFront/index.php":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
<div align="center" id="imageHist">
               <img id="imag" src='survey/sondage/sondageFront/graphIndex.php' width='170' height='105'>
           </div>
 
   ......... autre contenu; des liens...

graphIndex.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
la page PHP qui génère l'image elle contient des requêtes sql qui donnent des statistiques pour tracer un graphe.

ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
function survey(){
 
	 $.ajax({
         type: "POST",
 
         url: "survey/sondage/sondageFront/index.php",
 
         data: "",
 
         success: function(msg){
 
			 $('#graph').html(msg);
 
                }
 });
 
	}

la page "survey/sondage/sondageFront/index.php" il fait appel a graphIndex.php.

je crois que mon problème est claire; tout le contenu de la div il est actualisé sauf image générer avec du php "<img id="imag" src='survey/sondage/sondageFront/graphIndex.php' width='170' height='105'>".

merci.

[kamclasse]

j'ai pas encore trouvé une solution est ce que le problème vient du fichier cacher qui garde la même image, parce que quand j'actualise toute la page avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
parent.location.reload();

l'image aussi a été actualisée.

si quelqu'un a une idée j'attends sa réponse.

merci encore.

[Invité]

salut,

si j'ai bien compris, la page que t'appeles en ajax fait qq traitements, plus renvoie une image.
Est-ce que par hasard cette image ne serait pas en cache (elle ne se change pas).

Si tel est le cas, du coté serveur qui génère le lien de limage, tu peux mettres un timestamp style :
<img src="blabla?2321" ... />

sauf erreur

[kamclasse]

bonjour galerien69 merci pour votre réponse,

j'ai pas bien comprit ce que vous avez dit mais si le problème vient de la cache j'ai utiliser ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
header('Cache-Control: max-age=22222');

pour actualiser la cache mais sans résultat.

si quelqu'un a autre idée, je n'ai pas encore trouver une solution à mon prob.

merci.

[Invité]

re,

eventuellement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

header('Cache-Control: max-age=0');

que je n'ai pas testé

sinon, dans ta page qui fournit limage, il y a un moment ou tu génères un lien, par analogie avec le timestamp pour un lien vers une image au lieu dune image générée par fichier, tu peux essayer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div align="center" id="imageHist">
               <img id="imag" src="survey/sondage/sondageFront/graphIndex.php?<?php echo time();?>" width="170" height="105" alt="erreur" />
           </div>

[Bovino]

Salut,
Attention, il ne faut pas confondre le cache concernant ta page et celui concernant les images.
Comme le fait remarquer galerien69, pour contourner le cache des images, il est préférable de passer par l'ajout d'un paramètre aléatoire à la fin de l'URL pour forcer le navigateur à récupérer cette image sur le serveur et non dans son cache.

[kamclasse]

merci beaucoup tout le monde, effectivement l'ajout d'une variable aléatoire il va forcer le navigateur de re appeler l'image.

merci encore.