Récuperer l'id d une div avec ajax

Résolu

alone06 Messages postés 115 Date d'inscription mardi 9 novembre 2010 Statut Membre Dernière intervention 18 mai 2016 - Modifié par alone06 le 11/01/2015 à 23:08
alone06 Messages postés 115 Date d'inscription mardi 9 novembre 2010 Statut Membre Dernière intervention 18 mai 2016 - 12 janv. 2015 à 11:58

Bonjour,
Je me retourne vers vous après avoir eu quelques obstacles avec ajax que je ne métrise pas vraiment :( .
voila mon soucis, j'aimerais récuperer la valeur de l'id d'une div qui est générer dynamiquement et l'utiliser dans un script php et par la suite changer le message dans la div.
voila le code html :

<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 :

<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:

<?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 ça :

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

Merci a vous.

A voir également:

Div id code
.Php?id= ✓ - Forum PHP
Div java - Forum Java
This id ✓ - Forum Javascript / DHTML
Div onclick ✓ - Forum Javascript / DHTML
Byte code java - Conseils pratiques -Java

2 réponses

Réponse 1 / 2

alone06 Messages postés 115 Date d'inscription mardi 9 novembre 2010 Statut Membre Dernière intervention 18 mai 2016
12 janv. 2015 à 11:58

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

Réponse 2 / 2

jordane45 Messages postés 37274 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 mars 2023 341
12 janv. 2015 à 03:53

Bonjour,

Tu appelles ta fonction en lui passant en paramètre l'ID de la div en question..

onClick="javascript:changer(<?php echo $s11;?>

donc tu n'as pas besoin d'aller le rechercher ensuite... tu le connais déjà !

function changer(param1){
var id_de_la_div = "statut_"+param1;

Votre réponse