Discussion :

[keitaro_bzh]

Bonjour à tous,

Je viens vers vous car je tombe sur un os.
En effet, je suis en train de faire une petite appli web sur Django (python). Mais comme je suis nul en design, je me base sur un template tout fait (SoftUI) pour ceux qui connaisse.
Bref, je m'amuse pas mal, et je voudrais mettre du dynamisme dans mes pages. D'ou mon post sur ce forum du javascript.

En gros, j'ai un bouton qui affiche un formulaire via un div sous forme de model (exemple ici).
Le fonctionnement de mon formulaire JS fonctionne enfin sauf un point.

Quand je clique sur le bouton pour valider le formulaire, la fenêtre "modal" ne se ferme pas. En regardant le code, j'ai constaté que les attributs classe et style sont modifiés. J'ai donc procédé à la modification de ces attributs, mais rien ne se passe.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
const body = document.querySelector("body");
 
body.setAttribute("class", "g-sidenav-show bg-gray-100");
body.setAttribute("style", "");

je vois bien les attributs modifiés mais il ne se passe rien.
J'ai tenté un rechargement de la page, mais cela rafraichit tout, ce que je ne veux pas car je veux juste fermer le modal et ajouter une ligne à un tableau

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

location.reload()

Si je teste le code sur l'exemple, il n'y a pas de rafraichissement. Mes connaissances sont limités et je ne sais pas comment cela est possible dans ma fonction.

En vous remerciant pour votre aide.

[mathieu]

j'ai l'impression que le modèle que vous avez choisi est trop compliqué pour ce que vous cherchez à faire.

vous pouvez essayer de faire une boite modale en javascript direct comme cela :
https://developer.mozilla.org/fr/doc...ialogue_modale