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 :
Mon fichier .js :
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>
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" } }); });
Partager