Aller directement au contenu
  • Catégories
  • Récent
  • Mots-clés
  • Populaire
  • Web
  • Utilisateurs
  • Groupes
Habillages
  • Clair
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Sombre
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Défaut (Aucun habillage)
  • Aucun habillage
Réduire
Melinyel

Melinyel

  1. Accueil
  2. Programmation
  3. Développement web
  4. Javascript
  5. Des alertes stylisées avec SweetAlert

Des alertes stylisées avec SweetAlert

Planifié Épinglé Verrouillé Déplacé Javascript
4 Messages 3 Publieurs 4.1k Vues
  • Du plus ancien au plus récent
  • Du plus récent au plus ancien
  • Les plus votés
Répondre
  • Répondre à l'aide d'un nouveau sujet
Se connecter pour répondre
Ce sujet a été supprimé. Seuls les utilisateurs avec les droits d'administration peuvent le voir.
  • E Hors-ligne
    E Hors-ligne
    Eloha
    Membre d'honneur
    a écrit sur dernière édition par
    #1

    Les alertes en Javascript ne sont pas vraiment stylées. C'est pourquoi SweetAlert a été créé, cette librairie seulement 10kb rend vos alert() et confirm() plus jolie, plus flat quoi ! 😄

    Plutôt que ça :

    vZn6NJ8.png?1

    On a ça :

    WVCqRG3.png?1

    Pour l'installer :

    Télécharger le dépôt GitHub ou installer la librairie avec la console :

    $ bower install sweetalert
    

    Maintenant, au lieu d'utiliser la fonction alert() vous utiliserez swal() 😛

    Vous pourrez ajouter un titre, modifiez les couleurs, etc...et même mettre une image comme vous verrez dans le dernier exemple sur le site officiel.

    Regardez la documentation pour avoir des informations sur ces options.

    J'espère que ça peut vous être utile. 🙂

    1 réponse Dernière réponse
    1
    • vfrzV Hors-ligne
      vfrzV Hors-ligne
      vfrz
      a écrit sur dernière édition par
      #2

      Je m'y connais pas du tout en javascript, mais en tout cas c'est bien plus beau 😛

      hbY2yJ9.gif7CNtQh6.gif

      1 réponse Dernière réponse
      0
      • E Hors-ligne
        E Hors-ligne
        Eloha
        Membre d'honneur
        a écrit sur dernière édition par
        #3

        Ouais, t'as vu ! 😄

        C'est léger en plus 🙂

        1 réponse Dernière réponse
        0
        • AzadA Hors-ligne
          AzadA Hors-ligne
          Azad
          a écrit sur dernière édition par
          #4

          Merci du partage. 🙂

          Administrateur du forum.

          Contactez-moi par message privé ou par mail.

          1 réponse Dernière réponse
          0

          Bonjour ! Vous semblez intéressé par cette conversation, mais vous n’avez pas encore de compte.

          Marre de refaire défiler les mêmes messages ? Créez un compte pour retrouver votre position, recevoir des notifications des nouvelles réponses, sauvegarder vos favoris et voter pour les messages que vous appréciez.

          Grâce à votre participation, ce message peut devenir encore meilleur 💗

          S'inscrire Se connecter
          Répondre
          • Répondre à l'aide d'un nouveau sujet
          Se connecter pour répondre
          • Du plus ancien au plus récent
          • Du plus récent au plus ancien
          • Les plus votés


          • Se connecter

          • Connectez-vous ou inscrivez-vous pour faire une recherche.
          Powered by NodeBB Contributors
          • Premier message
            Dernier message
          0
          • Catégories
          • Récent
          • Mots-clés
          • Populaire
          • Web
          • Utilisateurs
          • Groupes