JAVASCRIPT SWAL2 Faire des popups de messages du type alerte

On est tous passé par là afficher des popups par différents moyens

le fameux alert(‘hello’) pour afficher un message à l’utilisateur sur une validation de formulaire par exemple mais je dois dire c’est très moche mais pratique pour le Debug

ou alors la fameuse fenêtre modal du framework Bootstrap pour ceux qui utilise ce framework

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Bon je cherchais une librairie pour des alertes de messages simples à mettre en oeuvre peu verbeux et sexy!

j’ai trouvé Swal

https://sweetalert2.github.io/

Je vous donne la page de leurs exemples :

https://sweetalert2.github.io/#examples

suffit de regarder on a une fenêtre avec peu de code et plutôt bien faîtes et ca c’est un must surtout quand notre page web commence à déborder de contrôles javascripts :

Swal.fire({  type: 'error',  title: 'Oops...',  text: 'Something went wrong!',  footer: '<a href>Why do I have this issue?</a>'})

Je vous laisse regarder leur site car la documentation est vraiment bien faîtes!