2
votes

Sweet Alert 2 - Lien dans le bouton "confirmButtonText"

Je voudrais savoir comment je pourrais mettre un lien dans le bouton qui génère le confirmButtonText de Sweet Alert 2 .

L'objectif est que lorsque vous appuyez sur ce bouton redirige vers une page qui supprime un enregistrement d'une base de données, jusqu'à présent je l'avais avec un simple lien ( ) dans un simple bouton, mais j'aimerais ajouter cette petite confirmation.

Voici le code:

Les boutons sont les suivants:

php html sweetalert sweetalert2

2 commentaires

veuillez coder sous forme de texte, pas d'images

Utilisateur .pour déplacer l'utilisateur vers une autre page après confirmation sweetalert.js.org/guides

4 Réponses :

1
votes

Vous pouvez utiliser promising dans sweet alert2

Swal.fire({
 title: 'Are you sure?',
 text: "You won't be able to revert this!",
 type: 'warning',
 showCancelButton: true,
 confirmButtonColor: '#3085d6',
 cancelButtonColor: '#d33',
 confirmButtonText: 'Yes, delete it!'
}).then((result) => {
  if (result.value) {
  Swal.fire(
   'Deleted!',
   'Your file has been deleted.',
   'success'
 )
}
})

Encore plus, vérifiez: https : //sweetalert2.github.io/

0 commentaires

9
votes

Cela fonctionnera!

confirmButtonText: '<a href="url">LINK</a>'

0 commentaires

0
votes

Ce que j'ai fait, c'est d'attacher une fonction au bouton de confirmation qui utilise window.href pour suivre le lien:

Swal.fire({
   title: '<strong>Are you sure?</strong>',
   icon: 'warning',
   html:`You really can't go back after this, We can't retrieve it either!`,
   showCloseButton: true,
   showCancelButton: true,
   focusConfirm: false,
   reverseButtons: true,
   focusCancel: true,
   cancelButtonText:`Blue pill`,
   confirmButtonText:`Red pill`
 }).then((result) => {
   if (result.value) {
     window.location.href = `/real_world`
   }
 });

0 commentaires

0
votes

Je pense que je suis trop tard pour répondre à la requête, mais cela pourrait aider d'autres personnes qui recherchent une chose similaire.

Swal.fire({
        title: '<strong>Check Redirect!!</strong>',
        icon: 'success',
        showConfirmButton: false,
        allowOutsideClick: false,
        footer:`<a class="btn btn-primary" href="https://www.google.com">OK</a>`
    });

0 commentaires