Discussion :

[alone06]

Bonjour,

Je me retourne vers vous après avoir eu quelques obstacles avec ajax que je ne maîtrise pas vraiment.
Voila mon souci, j'aimerais récupérer la valeur de l'id d'une div qui est générée dynamiquement et l'utiliser dans un script php et par la suite changer le message dans la div.

Voila le code html :

Code html :

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

1
2
 
<div id="statut_<?php echo $s11;?>" onClick="javascript:changer(<?php echo $s11;?>)" ><img style="height: 15px; width: 15px; position: relative; top: 3px;" src="/images/changer.png">changer</div>

Le script js :

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
20
21
22
23
24
25
26
27
28
29
30
31
 
<script>
function changer()
{
var xhr_object = null; 
 
    if(window.XMLHttpRequest) // Firefox 
       xhr_object = new XMLHttpRequest(); 
    else if(window.ActiveXObject) // Internet Explorer 
       xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
    else { // XMLHttpRequest non supporté par le navigateur 
     //  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); je commente l'alert
       return; 
    } 
 
    xhr_object.open("POST", "ggt.php", true);
/* il faudra creer unfichier php ou tu va traiter tes données*/
 
    xhr_object.onreadystatechange = function() { 
       if(xhr_object.readyState == 4) {
    //alert(xhr_object.responseText); // DEBUG MODE
          eval(xhr_object.responseText);
    }
    } 
 
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 
    xhr_object.send(id);//je ne sais pas vraiment ce que je dois mettre en parametre ici
 //alert(xhr_object.responseText);
}
</script>

Et le code php (pour l'instant j'essaie juste d'afficher les post) :

Code php :

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

1
2
3
4
 
<?php
print_r($_POST);
?>

Je sais qu'il me manque le var var1=document.getElementById("**").value; mais je ne sais pas comment l'utiliser.
Le résultat qui sera affiché après doit ressembler à ça :

Code html :

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

1
2
 
<div id="statut_<?php echo $s11;?>" >traité</div>

Merci à vous.

[ryan]

Yop!

Quand tu appelles ta fonction changer() sur l'événement onclick, tu prévois un paramètre, mais tu ne le récupères pas dans la déclaration de ta fonction.

Ceci devrait rendre le paramètre id accessible dans ta fonction.

Code javascript :

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

1
2
3
function changer(id) {
...
}

Edit: la façon dont tu envoies l'id au script PHP n'est pas correcte: tu dois former une chaîne qui reprend le nom ( récupéré en php dans $_POST["id"] ) et la valeur.

Code javascript :

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

1
2
 
xhr_object.send("id="+id);

[alone06]

Merci pour votre réponse Ryan,
maintenant ça fonctionne et je peux récuperer la valeur defini dans ma fonction changer() et non pas celle de 'id=' mais bon je peux faire avec, mais comment changer le message contenu entre les <div></div> ?

[ryan]

Yop!

Quelque chose du genre:

Code javascript :

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

1
2
3
4
5
6
 
		if(xhr_object.readyState == 4 && xhr_object.status == 200)
		{
			reponse = xhr_object.responseText;
			document.getElementById("statut_" + id).innerHTML = reponse;
		}

[alone06]

merci pour votre reponse,
j'ai bidouillé un petit code, qui n'est pas vraiment beau a voir mais fait l 'affaire