Discussion :

[tryan]

Bonjour,

J'essaye en vint d'actualiser une image (au clique) sans pour autant recharger la page entière. L'idée est de proposer la sauvegarde d'annonces par l'intermédiaire d'une image cliquable et de changer cette image par une autre lorsqu'elle a été cliqué.

Code :

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

1
2
3
4
5
6
7
8
9
 
//le coockie est présent sur le pc du client
if(isset($_COOKIE['moncookie']) AND in_array($annonce['id'],$_COOKIE['moncookie'])){
echo '<img src="/images/etoile_rouge.png" alt="Annonce sauvegardée!"/>';
}
//le cookie est absent
else {
echo '<a onmousedown="return clk(\''.$id.'\')"><img src="/images/etoile_vert.png" alt="Sauvegarder cette annonce?"/></a>';
}

Ma fonction actuelle clk :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
  <script type="text/javascript">
<!--
   function clk(id)
   {
      (new Image()).src="/page.php?id="+id;
	  alert("Annonce sauvegardée!");
	  document.location.reload();
      return true;
   }
//-->
</script>

Je pense que ça doit ce faire en ajax mais je suis totalement nul dans ce langage...et un petit coup de pouce ou une bonne orientation vers un tuto super détaillé serait bienvenu.

Merci

[Bovino]

Je pense que ça doit ce faire en ajax mais je suis totalement nul dans ce langage

AJAX n'est pas un langage

Code :

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

document.location.reload();

si tu ne veux pas recharger la page, pourquoi faire un reload() ?

D'autre part,

Code :

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

(new Image()).src="/page.php?id="+id;

Là tu crées seulement une image, mais elle n'a rien à voir avec ta page...

Ceci dit, cela peut se faire sans l'aide d'AJAX.
Le truc est que l'image est mise en cache, donc si tu te contente de réaffecter le src, c'est l'image du cache qui va être récupérée, il faut donc contourner le cache en ajoutant un paramètre de type timestamp.

[tryan]

Quelle est le terme à utilisé pour Ajax si ce n'est pas un langage ?

Sinon, le code que j'ai posté est juste là pour montrer le fonctionnement actuel de ma page lié aux cookies (d'ou le "document.location.reload();").

Code :

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

(new Image()).src="/page.php?id="+id;

Là tu crées seulement une image, mais elle n'a rien à voir avec ta page...

En faite ce bout de code me permet de transmettre l'id de l'annonce vers page.php ou il est "transformé" en cookie.

Pour le reste, je n'ai pas compris l'histoire du cache et du timestamp?

[misakilou]

Je pense le plus simple est quand même d'utiliser de l AJAX avec Jquery
http://stackoverflow.com/questions/5...e-using-jquery

[Bovino]

Je pense le plus simple est quand même d'utiliser de l AJAX avec Jquery
http://stackoverflow.com/questions/5...e-using-jquery

Pour actualiser une image ???

Code :

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

<img src="image.jpg" onclick="this.src=this.src.split('?')[0]+'?tt='+new Date().getTime()" />

tu crois que jQuery sera plus efficace ?

[tryan]

Bon, malgré mon acharnement à comprendre, j'y pige rien Je ne comprend pas vos codes ni la "relation" avec les cookies?