Faire une fenêtre POP-UP

**SHEYPT** · 26/01/2023, 12h28

Bonjour à tous.

Je souhaiterais avoir des renseignement sur un projet que je souhaite réalisé.

J'ai réalise un affichage de commandes qui proviennent d'une base de données et qui affiche donc le numéro de la commande ainsi que son statut si elle est prête ou si elle est en cours de préparation.

Mon objectif serait donc.

De pouvoir afficher une fenêtre POP-UP qui affiche donc le numéro ainsi que la commande qui est prête et qui donc ensuite supprime la pop up après X temps. De même pour toutes les commandes.

Voici mon code en php qui affiche les commandes en général :

Code :

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/EspaceCommandess.css">
     <meta http-equiv="refresh" content="45" />
    <title>ECRAN-CLIENT</title>
</head>
<body>
    <div class="TABLELEFT">
     <?php
                $sql = "SELECT enc_id, enc_cmd_num, enc_paye, enc_prepared, enc_ext_ref, enc_heure_fab_deb, enc_type, enc_heure_fab_fin, Client.cli_civilite,Client.cli_nom, Client.cli_prenom FROM Client RIGHT JOIN encaissement ON Client.cli_id = encaissement.enc_client WHERE enc_etat<>4 AND enc_date= '20230126' AND ((DATEDIFF(n,enc_heure_fab_fin, getDate()) < 3 AND enc_prepared <> 0) OR enc_prepared = 0) AND enc_emporte <> 1 ORDER BY encaissement.enc_heure_fab_deb ASC";
 
                $results = odbc_exec( $conn, $sql );
        ?>
 
 
        <table>
            <?php
                while( $row = odbc_fetch_array( $results ) )
                {
                    printf('<tr>');
 
                    if ( $row["enc_ext_ref"] != '')
                        {
                            $num_cmd = $row["enc_ext_ref"];
                        }
                    else
                        {
                            $num_cmd =$row["enc_cmd_num"];
                        }
 
 
                    if ($row['enc_paye'] = 0)
                    {
                        $etat_cmd='&nbsp&nbsp&nbsp&nbsp<span class="PRETE">ATTENTE REGLEMENT</span>';
                    }
                    else
                    {
                        switch( $row['enc_prepared'] )
                        {
                            case 0: $etat_cmd='&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span class="ENPREPA">EN PREPARATION</span>'; break;
 
                            case 1: $etat_cmd='&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span class="PRETE">COMMANDE PRETE</span>'; break;
                        }
                    }
 
 
 
 
 
                    switch( $row['enc_type'] )
                    {
                        case 0: $commande='&nbsp&nbsp<span class="EMPORTER"><img src="img/emporter.png" id="EMP">&nbsp&nbsp</img></span>'; break;
 
                        case 1: $commande='&nbsp&nbsp<span class="LIVRAISON"><img src="img/livreur.png" id="LIV">&nbsp&nbsp</img></span>'; break;
 
                        case 2: $commande='&nbsp&nbsp<span class="SURPLACE">&nbsp&nbsp<img src="img/table1.png" id="TABLE">&nbsp&nbsp</img></span>'; break;
                    }
 
 
 
                    printf('<td>%s%s%s</td>',$row["enc_cmd_num"],$etat_cmd, $commande);
 
 
 
                }
 
 
 
 
            ?>
 
 
 
            </table>
        </div>
 
 
 
 
 
   </body>
</html>

**mathieu** · 26/01/2023, 12h50

vous laissez la page ouverte et vous voulez cet affichage dés qu'il y a une nouvelle commande ?
si c'est ça, vous avez besoin de code javascript qui enverra régulièrement une requete http pour récupérer les informations des nouvelles commandes. regardez là :
https://developer.mozilla.org/fr/doc...API/setTimeout
https://developer.mozilla.org/fr/docs/Web/API/fetch

**SHEYPT** · 26/01/2023, 12h54

Envoyé par mathieu

vous laissez la page ouverte et vous voulez cet affichage dés qu'il y a une nouvelle commande ?
si c'est ça, vous avez besoin de code javascript qui enverra régulièrement une requete http pour récupérer les informations des nouvelles commandes. regardez là :
https://developer.mozilla.org/fr/doc...API/setTimeout
https://developer.mozilla.org/fr/docs/Web/API/fetch

Oui cela reste sur la même page , il y a un pop up qui apparaît avec le numéro de la commande ainsi que "COMMANDE PRÊTE" puis il se supprime au bout de 3 minutes par exemple

Faire une fenêtre POP-UP

PHP & Base de données

Discussions similaires

Partager

Partager