Discussion :

[pierre50]

Je voudrais utiliser Ajax pour ceci

Un click sur une image img1.gif doit
1) Faire envoyer une variable php sur le serveur
2) Faire un update sur ma base
3) Au retour l'image doit etre remplacée par img2.gif

J'ai une variable php connue nommée $ma_variable
que je n'affiche pas cependant dans la page (donc pas de DIV ID)

Pour expedier ma variable en POST comment dois-je faire ?

Code :

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

<img src="tampon.gif" onclick="go()">

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
 
function go(){
getXhr();
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
monretour = xhr.responseText;
document.getElementById('...................').innerHTML = monretour;
}
}
 
//je poste et fait ma requete
xhr.open("POST","../ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("ID="+.........);
}

Que dois-je mettre à la place des pointillés ?

Merci à tous

[fayred]

Bonjour,

Peut-etre qu'en passant ta variable php à la fonction go() et en mettant un div autour de ton image ça pourrait marcher :

Code :

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

1
2
3
4
5
 
<?php
 
echo '<div id="image" ><img src="tampon.gif" onclick="go('.$taVariable.')"></div>';
?>

et

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
 
function go(taVariable){
getXhr();
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
monretour = xhr.responseText;
document.getElementById('image').innerHTML = monretour;
}
}
 
//je poste et fait ma requete
xhr.open("POST","../ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("ID="+taVariable);
}

[denisC]

Si tu utilises toujours la même variable (enfin dans cette page générée par PHP), tu peux directement le mettre dans la méthode (javascript) go :

Code php :

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
 
function go(){
getXhr();
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
monretour = xhr.responseText;
document.getElementById('...................').innerHTML = monretour;
}
}
 
//je poste et fait ma requete
xhr.open("POST","../ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("ID=<?php echo $taVariable; ?>");
}

[pierre50]

Apres prise de tete en isolant morceau par morceau,
la bonne solution était celle de fayred

Ta solution, Denis, ne fonctionne pas... ???
La page est faite sur le serveur mais le script est appelé puis généré sur le client
C'est pas cela le problème ?

Merci beaucoup pour votre aide