[AJAX] Actualiser une image sans actualiser la page
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:
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:
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
