Home

Sweet Alert est une bilbiothèque Javascript permettant de remplacer vos vieilles alert et confirm Javascript.

Sweet Alert est une bilbiothèque Javascript permettant de remplacer vos vieilles alert et confirm Javascript.

Avouez-le, quand vous étiez plus jeune, vous debuggiez votre Javascript avec les alertes, ou pire encore, vous utilisiez des alert pour prévenir vos visiteurs qu’une action s’est bien ou mal déroulée …

Il n’y’a rien de moins design qu’une alert box classique, malgré l’évolution des navigateurs.

Sweet Alert est une très belle alternative aux alert traditionnelles, le fonctionnement est le même, mais tout est plus … design!

Sweet Alert Confirm box

Voici un exemple de confirm box Javascript revisité à la sauce Sweet Alert. C’est quand même bien plus sexy !

Côté mise en place, c’est très simple, voici comment créer une alerte simple avec titre et message:

1.swal("Here's a message!", "It's pretty, isn't it?");

Et pour faire la confirm box en image ci-dessus, avec toutes les options et callbacks:

01.swal({   
02.title: "Are you sure?",   
03.text: "Your will not be able to recover this imaginary file!",   
04.type: "warning",   
05.showCancelButton: true,   
06.confirmButtonColor: "#DD6B55",   
07.confirmButtonText: "Yes, delete it!" 
08.},  function(){ 
09.// Callback
10.});

Vous pouvez aussi appliquer des classes, ajouter des icones etc. faire quelques effets CSS3:

Sweet Alert avec effets

Vous pourrez récupérer la lib en téléchargeant l’archive ou en l’installant via bower.

Site Officiel

Advertisements

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s