IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Symfony PHP Discussion :

Afficher un modal apres un submit [2.x]


Sujet :

Symfony PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre émérite
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2013
    Messages
    739
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Novembre 2013
    Messages : 739
    Par défaut Afficher un modal apres un submit
    Bonjour,
    j'ai besoin d'une idée qui me permet de developper un ou plusieurs modal (JS) qui s'affiche à l'utilisateur après un submit successfull .
    J'ai pensé au réponse ajax et au flash bag mais c'est rien avoir avec un modal ou un sweet alert

    merci à vous

  2. #2
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    j'ai pas trop compris

  3. #3
    Membre émérite
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2013
    Messages
    739
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Novembre 2013
    Messages : 739
    Par défaut
    en d'autre mots , je veux que lorque l'utilisateur a envoyé des données dans un form .
    Apres un submit je veux afficher une alert javascript qui contient le mot 'Success' si des nouveax données sont envoyés et "KO" si la form est invalid .

  4. #4
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    c'est faisable.


    dans ta vue,tu fais une requête AJAX pour envoyer le formulaire à l'action d'un controlleur. j'utilise jquery pour construire une requête ajax.

    voilà en gros ce qu'il faut faire : (c'est un peu chaud à faire car cela fait appel à pas mal de notions)

    * dans la vue
    si clique sur bouton submit du form :
    1. je bloque le submit du form (car je veux envoyer le form moi même par ajax)
    2. j'envois le formulaire par une requête ajax (url de l'action du controlleur donc)
    3. au retour(msg) :
    si msg==ok alert("ok");
    sinon alert(msg); // les erreurs de validations

    perso, j'utilise le modal de boostrap 3. c'est plus design


    * dans le controlleur :
    si form est valid
    envois une reponse msg=="ok" // une réponse de la classe RESPONSE
    sinon envois une reponse msg = liste des erreurs

  5. #5
    Membre expérimenté
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2014
    Messages
    352
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2014
    Messages : 352
    Par défaut
    Citation Envoyé par mehrezlabidimehrez Voir le message
    en d'autre mots , je veux que lorque l'utilisateur a envoyé des données dans un form .
    Apres un submit je veux afficher une alert javascript qui contient le mot 'Success' si des nouveax données sont envoyés et "KO" si la form est invalid .
    A ta place,je mettrai ma requête dans une variable que je testerai et en fonction de sa valeur j'afficherai le message correspondant.

  6. #6
    Membre émérite
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2013
    Messages
    739
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Novembre 2013
    Messages : 739
    Par défaut
    merci pour vous les deux,
    merci dukoid, tu m'a donné ce que j'ai besoin.
    J'ai l 'habitude d'utiliser ajax ya pas de soucils mais j'ai pas eu en tete l'idée d'inserer mes truc js dans le resultat de l 'ajax call
    le resultat va rassembler à ça .
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
     <script type="text/javascript">
                                            $(function () {
                                                $("#IdFormici").click(function (e) { // On sélectionne le formulaire par son identifiant                                                    
                                                    e.preventDefault(); // Le navigateur ne peut pas envoyer le formulaire  
                                            {#    var categoryseid = {{categorysid}};#}                                             
                                                    $.ajax({
                                                        type: 'post',
                                                        url: "{#{path('' ) }#}",
                                                        data: $(this).serialize(),
                                                        datatype: "json",
                                                        cache: false,
                                                        success: function (data)
                                                        {
                                                            // alert modal ici                                              
                                                        }
                                                    });
                                                    return false;
                                                });
                                            });
                                        </script>

  7. #7
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    pour l'url de la requête ajax, tu peux lui donner l'url de l'action du formulaire (en le récupérant par jquery) $(this).attr("action") -> ou un truc du genre...

    te faudra bien formater comme tu veux les messages d'erreurs pour le mettre dans "msg"(ou plutôt "data" dans ton cas)
    et à l'aide de jquery faire un append dans le modal.

    après si tu veux être aussi parfait qu'un borg, faut que tu trouves une astuce dans le data pour que tu saches quel champs de formulaire tu dois mettre en rouge en fonction de ou des erreurs de validation.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. modal après un submit
    Par The_Miagiste dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/04/2012, 08h34
  2. Réponses: 7
    Dernier message: 31/08/2010, 10h53
  3. Réponses: 4
    Dernier message: 22/05/2007, 10h52
  4. Réponses: 3
    Dernier message: 06/07/2005, 13h57
  5. Commande pour afficher des chiffres apres la virgule
    Par manar dans le forum Shell et commandes GNU
    Réponses: 2
    Dernier message: 23/09/2004, 18h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo