$ajax get, récupérer id/class d'une image dans une boucle while

Fermé
KAJEMBA Messages postés 14 Date d'inscription mardi 23 octobre 2012 Statut Membre Dernière intervention 3 juin 2015 - 16 juin 2014 à 14:25
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 16 juin 2014 à 14:46
Bonjour,
Voilà le cas :
1. Je génère une liste d'images (photos contacts) en PHP à partir de ma BD MySQL.
2. Je peux cliquer dessus afin d'obtenir le profil complet, j'utilise Jquery avec $ajax.
3. Tout marche très bien sauf que c'est toujours l'id de ma première image qui est passé en paramètre... ;(

1. PHP - Liste d'images

<?php while($row = mysql_fetch_array($res)){ ?>
<a href="#" id="<?php echo $row['id_inscription'];?>" class="ProfilMini">
<img src="<?php echo $row['miniature_path_moyen'];?>" title="" alt="" />
</a>
<?php } ?>

2. Jquery - $ajax


<script type="text/javascript">
$(document).ready(function(){
function afficherProfile(){
var annonce = $('.ProfilMini').attr('id');
$.ajax({
url: "rechercher-simple-afficher-profile1.php",
type: "GET",
data: 'annonce_id='+annonce,
dataType: "html",
contentType : "application/x-www-form-urlencoded; charset=ISO-8859-1",
complete: function(data){
$("#afficherProfile").show();
$("#afficherProfile").empty();
$("#afficherProfile").append(data.responseText);
}
});
}

$('.ProfilMini').click( function(event){ afficherProfile(); });
});
</script>

Quelqu'un pourrait-il m'aider ?? Je planche dessus depuis 1 mois et toujours rien ...
A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
16 juin 2014 à 14:46
Salut,

Ton erreur vient de cette ligne dans ta fonction afficherProfile() :
var annonce = $('.ProfilMini').attr('id'); 


Cette instruction récupère tous les éléments html avec la class ProfilMini et te retourne l'attribut id du premier élément de la liste (donc toujours le même).

Remplace cette ligne par celle-ci :
var annonce = $(this).attr('id'); 

Cette fois on récupère l'attribut id de l'élément sur lequel on a cliqué (le bon lien donc).

Bonne journée
1