Changer une image en boucle au clic
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:
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 !
