[AJAX] Récupérer l'id d'une div avec ajax

Version imprimable

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:

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:

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:

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:

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

Merci à vous.

12/01/2015, 00h30
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:

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:

1 2 xhr_object.send("id="+id);
12/01/2015, 01h01
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> ?

Yop!

Quelque chose du genre:

Code:

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;
		}

12/01/2015, 11h58
alone06

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