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

jQuery Discussion :

Supprimer un formulaire après un submit


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Par défaut Supprimer un formulaire après un submit
    Bonjour à tous,

    je souhaiterai connaitre la meilleure procédure pour supprimer un FORM après que l'utilisateur est soumis ce formulaire.

    J'ai dans une page une dizaine de formulaire tous indépendant que l'utilisateur peut choisir de soumettre ou non, je souhaiterai pouvoir supprimer de la page en cours le formulaire après soumission.

    Mon soucis est que lors d'un submit je conserve mes autres formulaires via de l'AJAX mais celui qui vient d'être soumis est toujours présent et peut porter à confusion.

    Sauriez-vous m'indiquer une procédure pour supprimer un formulaire dans une page sans rechargement complet afin de ne pas perdre mes autres formulaires ?
    Merci par avance

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    mettre un display:none sur ton formulaire me paraît être une solution.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Une chose est sure : faire ce que tu souhaites demande de la programmation, or HTML n'est pas un langage de programmation mais de structuration des données. Cela passera donc nécessairement par JavaScript.

    Ensuite, tu as bien sûr la solution proposée par NoSmoking : passer le formulaire en display: none après validation ou une solution JavaScript avec removeChild().
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre chevronné Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Par défaut
    Actuellement j'utilise ce script pour éviter le rechargement de page

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $(document).ready(function() {     
    		$("form").submit(function () {
                $.post("traitement_bdd.php",$(this).serialize(),function(texte){
                    $("div#status").append(texte);
                });
                return false; // ne change pas de page
        });   
     });

    Je pensais essayer d'intégrer le removeChild(). directement dans ce même script penses tu que ce soit la meilleur solution ?

  5. #5
    Membre chevronné Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Par défaut
    Bonjour après quelques recherches j'ai mis en place cette fonction,

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <script language="javascript">
    function removeform(id) {
      var element = document.getElementById(id);
      element.parentNode.removeChild(element);
    }
    </script>

    mes formulaires sont généré via une boucle for qui incrémente mes id de formulaire. Voir ci-dessous

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form name="formulaire" id="formulaire'.$i.'" action="traitement_bdd.php" method="POST" onsubmit="removeform(formulaire'.$i.')">
    Je dois avoir loupé quelque chose, mon code ne fonctionne pas. lors du Submit mon formulaire reste en place.

  6. #6
    Membre éclairé Avatar de getz85
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2008
    Messages
    423
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2008
    Messages : 423
    Par défaut
    Tu es dans le forum JQuery, or tu n'utilises que du javascript pur.

    Je te conseille de virer ce onsubmit dans ta page HTML et de faire plutôt comme ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(document).ready(function() {    
    $("form").on('submit', function(){
        $(this).hide(); //Pour cacher
        //ou
        $(this).remove(); // Pour supprimer du DOM
    });
    });
    Avantage: plus besoin de passer par des id incrémenté pour supprimer le form que tu souhaites.
    Attention: ceci sera actif sur tous les formulaires de ta page, tu peux modifier le sélecteur JQuery pour ne prendre en compte que les form voulus.

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

Discussions similaires

  1. Empêcher redirection formulaire apres submit
    Par bebeto13 dans le forum Langage
    Réponses: 7
    Dernier message: 17/04/2013, 12h58
  2. valeur des variables de formulaire après submit ?
    Par mounia.n dans le forum Langage
    Réponses: 4
    Dernier message: 28/05/2008, 16h25
  3. Réponses: 4
    Dernier message: 22/05/2007, 10h52
  4. Formulaire et bouton submit avec image mapée
    Par dody dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/12/2004, 16h00
  5. [ JSP ] Réaffichage des données d'un formulaire apres un ret
    Par captainpouet dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 23/04/2004, 11h55

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