Discussion :

[PercevalX]

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 HTML :

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

<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 JQuery :

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
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');
 
                       }
	        }
	});
});

[SpaceFrog]

un href sur un button ?

soit tu mets une balise a soit tu fais un self.location.href après ton confirm ...

en plus tu as un ajax ...
tu veux faire quoi au juste ? quitter la page ou pas ?

[PercevalX]

Salut SpaceFrog,
Merci pour ta réponse.
Le href c'était parce que j'avais fait tout l'annuaire en PHP, ça renvoyait vers mon controller.
Là je veux utiliser Ajax pour ne pas rafraîchir la page à chaque modif.
Je viens de virer le href ça fait pareil, ça supprime quand j'annule le pop-up.

[Toufik83]

bonjour,

puisque tu gère l’événement "click" avec jQuery, pas la peine de mettre l'attribut "onclick" sur le bouton.
donc ça devient :

Code php :

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

1
2
 
<button data-value="<?= $row['contact_id'] ?>" id="<?= $row['contact_id'] ?>" class="btn btn-danger">Supprimer</button>

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
11
 
$(".btn-danger").on('click', function(e){
 r=confirm("êtes vous sur?");
 if(r){
   console.log("OUI");
   //continue vers ajax ....
 }
 else {
   console.log('non');
 }
});

[PercevalX]

Super, merci Toukif83, c'était aussi simple.

[SpaceFrog]

sauf que le href ne sert à rien pour le coup ?
il ne servait déjà à rien car href ne s'applique QUE sur une balise a ...