Bonjour.
Je débute avec les popup JS et sur le coup je ne vois pas ou ca coince.
Les deux fonctions sont identique mais celle concernant les achats ne veut pas ce fermer mon obuton openForm lace bien le formulaire du même nom je peut renseigné les éléments mais impossible de quitter la fonction closeForm ne fait pas le job.
Une petite idée ????
]index.php
Code html : 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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="form.css"> <title>gesion bijoux</title> </head> <body> <header> <img src="" alt=""> <h1> GESTION</h1> <ul id="navigation"> <li> <div > <?php require("form-achat.php");?> <button class="open-button" onclick="openForm()">Achat</button> </div> </li> <li> <div > <?php require("form-sortie.php");?> <button class="open-button" onclick="formSortie()">Sortie</button> </div> </li> <li> <div > <button class="open-button" onclick="openForm()">Stock</button> </div> </li> <li> <div > <button class="open-button" onclick="openForm()">Création</button> </div> </li> <li> <div > <button class="open-button" onclick="openForm()">Compta</button> </div> </li> </ul> </header>
form-achat.php (la fonction sortie ne fonctionne pas)
Code html : 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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40 <div class="login-popup"> <div class="form-popup" id="popupForm"> <form action="identification.php" method="post" class="form-container"> <h2 class="marginmail">Achat</h2> <label for="ref"> <strong>Ref:</strong> </label> <input type="text" id="ref" placeholder="Ref:" name="Ref" required> <label for="designation"> <strong>Désignation:</strong> </label> <input type="text" id="designation" placeholder="Désignation:" name="Désignation" required> <label for="quantite"> <strong>Quantité:</strong> </label> <input type="text" id="quantite" placeholder="Quantité:" name="Quantité" required> <label for="unitaire"> <strong>Prix unitaire:</strong> </label> <input type="text" id="unitaire" placeholder="Prix unitaire:" name="unitaire" required> <div id=navigation> <button type="submit" name="insert" class="open-button border">Valider</button></br> <!-- Transfert des infos client dans GETDATA.PHP --> <button type="button" class="open-button border" onclick="closeForm()">Fermer</button> </div> </form> </div> </div> <script> function openForm() { document.getElementById("popupForm").style.display="block"; } function closeForm() { document.getElementById("popupForm").style.display="none"; } </script>
form-sortie.php
Code html : 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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40 <div class="login-popup"> <div class="form-popup" id="Formsortie"> <form action="identification.php" method="post" class="form-container"> <h2 class="marginmail">Achat</h2> <label for="ref"> <strong>Ref:</strong> </label> <input type="text" id="ref" placeholder="Ref:" name="Ref" required> <label for="designation"> <strong>Désignation:</strong> </label> <input type="text" id="designation" placeholder="Désignation:" name="Désignation" required> <label for="quantite"> <strong>Quantité:</strong> </label> <input type="text" id="quantite" placeholder="Quantité:" name="Quantité" required> <label for="unitaire"> <strong>unitaire:</strong> </label> <input type="text" id="unitaire" placeholder=" unitaire:" name="unitaire" required> <div id=navigation> <button type="submit" name="insert" class="open-button border">Valider</button></br> <!-- Transfert des infos client dans GETDATA.PHP --> <button type="button" class="open-button border" onclick="closeForm()">Fermer</button> </div> </form> </div> </div> <script> function formSortie() { document.getElementById("Formsortie").style.display="block"; } function closeForm() { document.getElementById("Formsortie").style.display="none"; } </script>
Partager