Discussion :

[Wolfreedoms]

Bonjour,

Je travaille actuellement sur un projet de monitoring

J'ai donc créé une interface web dans laquelle j'exécute des requêtes SQL par PHP

Jusque là aucun soucis, j'ai un beau petit tableau qui affiche en tant réel les données dont j'ai besoin (résultats de contrôle d'interfaces)

Cependant, mon tableau généré est à rallonge et nécessite de scroll down pour voir son contenu.

J'ai donc voulu créer mon tableau avec jQuery pour obtenir quelque chose de ce type :



J'ai donc un joli tableau mais l'objectif final serait que les onglets s'ouvrent chacun leur tour toutes les 30 secondes par exemple.

Auriez-vous des pistes svp ?

Merci d'avance

Le code qui génère ma table :

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
 
<table id="tab" class="display">
                <thead>
                    <tr>
                        <th>CTL_CODE</th>
                        <th>Description</th>
                        <th>Lancement</th>
                        <th>Heure_Deb_Prevue</th>
                        <th>Heure_Deb_Reelle</th>
                        <th>Heure_Fin_Reelle</th>
                        <th>Heure_Ctl</th>
                        <th>Commentaires</th>
                        <th>Acquittement</th>
                        <th>Reference_Traitement</th>
                    </tr>
                </thead>
                <tbody>
                    <?php
                    //On affiche les lignes du tableau une à une à l'aide d'une boucle
                    //Attention ! Si il y a une erreur dans l'un des champs, la boucle est arrêtée et le tableau ne contient pas toute la bdd
                    while ($donnees = sqlsrv_fetch_array($result)) {
                        ?>
                        <tr>
                            <td><?php echo $donnees['CTL_CODE']; ?></td>
                            <td><?php echo $donnees['Description']; ?></td>
                            <td><?php echo $donnees['Lancement']; ?></td>
                            <td><?php echo $donnees['DateHeure_prevue_deb_app']->format('Y-m-d H:i:s'); ?></td>
                            <td><?php
                                if (empty($donnees['DateHeure_deb_reelle'])) {
                                    echo $donnees['DateHeure_deb_reelle'];
                                } else {
                                    echo $donnees['DateHeure_deb_reelle']->format('Y-m-d H:i:s');
                                }
                                ?></td>
                            <td><?php
                                if (empty($donnees['DateHeure_fin_reelle'])) {
                                    echo $donnees['DateHeure_fin_reelle'];
                                } else {
                                    echo $donnees['DateHeure_fin_reelle']->format('Y-m-d H:i:s');
                                }
                                ?></td>
                            <td id="hctl"><?php echo $donnees['Heure_ctl']; ?></td>
                            <td><?php echo $donnees['Commentaires']; ?></td>
                            <td></td>
                            <td><?php echo $donnees['Reference_Traitement']; ?></td>
                        </tr>
 
                        <?php
                    } //fin de la boucle, le tableau contient toute la BDD
                    sqlsrv_close($conn); //deconnection de mysql
                    ?>
                </tbody>
            </table>

Mon fichier .js :

Code :

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

1
2
3
4
5
6
7
8
// fichier tableau.js
$(document).ready(function () {
    $('#tab').DataTable({
        language: {
            url: "DataTables/media/French.json"
        }
    });
});