Code Fermer puis ouvrir un formulaire

larryh - 27 déc. 2019 à 09:18
 KOF - 4 janv. 2020 à 20:06
Bonjour les amis, je voudrais à l'aide d'un clic sur un icône ouvrir un nouveau formulaire en même temps fermer le formulaire actif où se trouve l'icône en question, j'ai essayé avec du javascript et l'ouverture du nouveau formulaire fonction parcontre pour fermer le formulaire actif c'est là que je bloque...
Merci déjà pour vos réponses :*

2 réponses

@karamel Messages postés 1829 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 25 mai 2023 146
27 déc. 2019 à 11:16
quelle code utilise tu
0
Salut, ouvrir ou fermer le formulaire pas vraiment clair.
Sans voir votre code non plus on peut pas deviner.
Où est ce que vous bloquer parce que c'est assez simple ce que vous dites.
Tout dépends de comment doivent apparaître(et non s'ouvrir) le formulaire et où est ce que vous le faites.

Plusieurs choix ad hoc:
1_le plus simple ajouter ou retirer les éléments au DOM quand c'est nécessaire.
Il suffit donc de créer les éléments du formulaire dans le code et les ajouter avec un clic sur un bouton(éventuellement retirer l'ancien si c'est ce qu'il faut faire). Si on veut encore moins s'embêter il suffit d'utiliser un seul formulaire en changeant complétement son contenu et éventuellement les attributs .
2_Une fenêtre modale qui affiche le formulaire à remplir et disparaît quand il est rempli et envoyé. Pour le principe il suffit de faire une fenêtre modale(simplement un élément qui contient le formulaire et se superpose aux autres dans la page).


Parce que ouvrir j'ai fait ça avec des huîtres mais pas des formulaires sauf ceux en papier qui effectivement étaient dépliants.

J'insiste sur la sémantique car plus précisément vous saurez quel est votre but (et la manière de faire) plus facilement vous trouverez une solution.

Bien sûr il existe plein d'autres méthodes que celles que j'ai indiquées, tout dépends de l'envie et surtout de vos besoins... que vous n'exprimez pas vraiment clairement dans votre question.

Si besoin :

https://developer.mozilla.org/fr/docs/Web/API/Document/createElement

https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal_lg&stacked=h
0