Discussion :

[Lekno]

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

[NoSmoking]

Bonjour,
mettre un display:none sur ton formulaire me paraît être une solution.

[Bovino]

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().

[Lekno]

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 ?

[Lekno]

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.

[getz85]

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.

[Lekno]

je te remercie cela fonctionne à merveille et c'est beaucoup plus clair et propre qu'avec mes ID incrémenté