Annuler ne fonctionne pas dans la fenêtre pop-up de confirmation onclick
Bonjour,
Je suis en train de faire un annuaire et j'ai créé des boutons "Modifier" et "Supprimer" sur chaque ligne des contacts.
Le problème c'est que lorsque j'annule la requête dans le pop-up de confirmation, ça exécute quand même la requête et me supprime donc le contact.
j'ai essayé onclick='confirm' et onclick='var aze=confirm; return aze;' en vain.
Merci d'avance pour vos lumières.
Code:
<button data-value="<?= $row['contact_id'] ?>" onclick="var aze=confirm('Êtes vous sûr de vouloir supprimer ce contact ?');return aze;" href="<?=$router->generate('contact_delete')?>?id=<?= $row['contact_id'] ?>" class="btn btn-danger">Supprimer</button>
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 27
| $(".btn-danger").on('click', function del(e){
e.preventDefault();
var ID = $(this).data('value');
var data = "id="+ID;
console.log(data);
$.ajax({
context: this,
type: 'get',
url: window.location+'/api/delete-contact.php?'+data,
//data: data,
dataType: 'json',
success: function(response){
if(response.success){
$(".card-header").after('<div class="alert alert-danger alert-dismissible aria-label="Close"">'+response.message+'</div>');
$(".alert-danger").delay(2000).hide("slow");
$(this).parent().parent().hide(800);
console.log('deleted');
}
else {
$(".card-header").after('<div class="alert alert-warning">'+response.message+'</div>');
console.log('Erreur suppression');
}
}
});
}); |