Discussion :

[kisscool73000]

Bonjour,

Je viens de terminer la réalisation d'un "lien" qui permet aux membres de mon site, de liker une photo.
C'est un petit coeur.png qui cherche une page PHP via une function qui utilise ajax.
Si le membre clic sur le coeur gris, alors j'ajoute une ligne dans ma table SQL, et le coeur devient rouge.
Et si le membre re-clic dessus, la ligne est supprimé de la table SQL, mais je sais pas comment faire pour que le coeur redevienne gris.

Voici mon script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function showUser(sid, iduser){
	var data = {sid: sid, iduser: iduser};
  $.ajax({ 
        type: "POST",
        url: 'modules/Gallery/vote.ajx.php',
        data: data,
        async: true,
  })
  .done(function(reponse){
      console.log(reponse);
      document.getElementById('votecoeur').src = 'modules/Gallery/images/coeur1.png';
  })
  .fail(function(jqXHR, textStatus){
    alert(textStatus);
 });
}

Si quelqu'un à une idée, je suis preneur !

[mathieu]

pour faire cela, il faut que le script PHP affiche une information, par exemple "1" si le vote a été ajouté et "2" si le vote existant déjà et qu'il a été enlevé.
ensuite dans le code JavaScript vous récupérez "1" ou "2" dans la variable "reponse".

[kisscool73000]

Super, comme idée mathieu (un fan de star wars ), merci.

Coté PHP j'ai pas de problème, mais en JS je préfére le dire, je connais rien. (c'est juste un script que j'ai adapté pour mon cas)

Dans mon fichier PHP, un echo à la fin de chaque condition (1 pour like ajouté, et 2 pour like supprimé) devrais suffire je pense.
Mais coté JS, je suis largué, comment je récupère cette valeur? et pour la condition, je doute que ça soit comme en PHP ?
Mais bon, pour les conditions JS je devrais trouver sur google

[mathieu]

le retour du script PHP se trouve dans "reponse" donc vous pouvez faire quelque chose comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.done(function (reponse) {
 
	$("#votecoeur").attr("src", "modules/Gallery/images/coeur" + reponse + ".png");
 
})

[kisscool73000]

Merci Mathieu