Afficher un contenu selon son ID

Bonjour,

Je suis coincé sur un système "signaler un contenu" et depuis lors je cherche mais je n'arrive pas à trouver à ce problème.
En effet, j'aimerais mettre un lien pour permettre de signaler un contenu (ex : article, question, réponse). Quand un utilisateur vient cliquer sur ce lien qu'il enregistre le clic dans la base de données et ensuite le lien est remplacé par un message. Je fais une boucle qui affiche par exemple 10 contenus (questions). Chaque question est identifiée par son attribut (id). Mon problème est que je n'arrive pas à afficher mon message après le clic sur uniquement la question concernée. Quand je clic mon message s'affiche sur toutes les questions. Est-ce que quelqu'un connait une solution à ce problème ? Je vous remercie.

Code ci-dessous :

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
session_start();
 
// Code SQL
//connexion db
include('db.php');
 
$question_id = $_GET['question_id'];
$user_id = $_SESSION['user_id'];
 
$q = array(':question_id'=>$question_id, ':user_id'=>$user_id);
$query = $db->prepare("SELECT * FROM question WHERE question_id = :question_id AND user_id = :$user_id";
$query->execute($q) or die(print_r($query->errorInfo()));
$rows = $query->fetchAll();
 
foreach($rows as $row) {
 
// Code HTML
<div class="contenu-question"
       <div class="msg-alert"></div>
 
       <div><?=$row['question_contenu'];?></div>
       <div class="signaler"><a href="index.php?question_id=<?=$row['question_id'];?>" id="<?=$row['question_id'];?>">Signaler cette question</a></div>
       <div class="message" style="display:none;">Merci du signalement</div>
</div>
 
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Code js
$(document).ready(function(){
    $('.signaler a').on('click', function(e) {
    	e.preventDefault();
 
    	var $this = $(this);
    	var obj = $this.attr('id');
 
         $.ajax({
            type:'GET',
            url:'signaler.php', 
            data:'question_id='+obj,
            success: function(data) {
            	if (data !== '') {       
                	$('.message').show();
                        $('.signaler').hide();
                } else {
                	$('.msg-alert').html(data);
                }	
            }
        });            
    });
});

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
// Code PHP
$q = array(':question_id'=>$question_id, ':user_id'=>$user_id);
$query = $db->prepare('SELECT count(*) AS nbr FROM signal WHERE question_id = :question_id, AND user_id = :user_id');
$query->execute($q) or die(print_r($query->errorInfo()));
$data = $query->fetch();
 
if (!$data['nbr']) {
    $q = array(':clic'=>'1', ':question_id'=>$question_id, ':user_id'=>$user_id);
    $query = $db->prepare('INSERT INTO signal (signal_clic, question_id, user_id) VALUES (:clic, :question_id, :user_id)');
    $query->execute($q) or die(print_r($query->errorInfo()));
} else {
    echo 'Vous avez déjà signaler cette question';
}

Bonjour,
et bienvenu sur DVP ;)

Code:

$('.msg-alert').html(data);

Là, en effet, tu affectes tous les messages.

Il faut utiliser $this pour cibler CE message en particulier.

Du genre (à tester) :

Code:

$this.closest('.msg-alert').html(data); // (le plus proche)

Bonjour @jreaux62,

Merci pour cette réponse rapide !
Je vais tester mon code avec la fonction closest() pour voir ce que ça donne.

Je reviendrai vers vous.

Merci encore !

Avec cette méthode ça ne marche.
J'ai le message qui s'affiche dans la console mais il ne s'affiche pas sur l'interface.

Et la méthode closest() retourne l'élément parent. Hors dans mon cas c'est l'élément sur lequel on a cliqué que je cherche mais pas son parent.

Cdlt,

J'ai corrigé le problème en modifiant mon code de cette façon :

Code:

div id="message_<?=$row['question_id'];?>" style="display:none;">Merci du signalement</div>
Code:

1 2 // et dans le code js je fais ceci : $("#message_"+obj).html(data);
Cdlt,