$ajax get, récupérer id/class d'une image dans une boucle while
KAJEMBA
Messages postés
17
Statut
Membre
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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 ...
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:
- Ajax get id
- Get data back - Télécharger - Récupération de données
- Id telephone - Guide
- Yggtorrent erreur ajax ✓ - Forum Webmastering
- Wmic path softwarelicensingservice get oa3xoriginalproductkey - Forum Windows Vista
- Retrouver son n° de licence - Forum Windows 10
1 réponse
Salut,
Ton erreur vient de cette ligne dans ta fonction afficherProfile() :
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 :
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
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