Sweetalert: Aller au lien en cliquant sur OK

Créé le 28 oct. 2014 · 4Commentaires · Source: t4t5/sweetalert

Pardonnez mon inexpérience. Comment puis-je atteindre cet objectif:

J'aimerais que sweetalert affiche un message lorsqu'un utilisateur clique sur un lien, mais qu'il n'accède au lien que si l'utilisateur sélectionne "OK" dans la boîte de dialogue sweetalert.

Merci!

Source

voodoo6

Commentaire le plus utile

C'est en fait très simple à réaliser. J'utilise jQuery dans cet exemple.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

Cela ajoutera le comportement à toutes les balises a. Si vous le souhaitez uniquement pour certains liens, vous pouvez ajouter une classe spécifique aux balises a et limiter la fonctionnalité sweetAlert à eux uniquement.

t4t5 le 29 oct. 2014

👍2 ❤1

Tous les 4 commentaires

La bibliothèque n'a pas la possibilité de le faire. Je modifie le constructeur en #165 (Nous devons attendre d'être approuvé) pour envoyer un param supplémentaire au constructeur, dans ce cas ce sera le lien.

jupazave le 28 oct. 2014

C'est en fait très simple à réaliser. J'utilise jQuery dans cet exemple.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

t4t5 le 29 oct. 2014

👍2 ❤1

Merci pour votre aide Tristan, cela fonctionne parfaitement!

voodoo6 le 30 oct. 2014