Résolu Rafraichir une value dans du JavaScript

Lagger

Responsable des lags
Premium
Inscription
28 Novembre 2011
Messages
1 903
Réactions
581
Points
12 558
RGCoins
25
Bonjour,

Je suis sur un projet de BAC et j'ai pour but de faire un site dynamique qui affiche des valeurs dans une jauge. Ces valeurs sont pris directement de ma bdd qui sera remplit toutes les heures, grâce à un programme arduino.
Pour l'instant je cherche juste à refresh mes values toutes les heures, c'est à dire datatemperature, datahumidity, dataweight et datasound

Par la suite si quelqu'un ci connait vraiment en PHP, javascript je cherche à ajouter d'autres trucs mais moins important dans mon projet.


Voici mon code:

PHP:
<!DOCTYPE html>
<?php include('includes/db.php'); ?>
<html lang="fr">
  <head>
    <?php include('includes/head.php'); ?>
  </head>
  <body>
    <?php $alldata = $db->query('SELECT * FROM data WHERE id = (SELECT max(id) FROM data)');
    while($hive = $alldata->fetch()){
      $hivetemperature = $hive['temperature'];
      $hivehumidity = $hive['humidity'];
      $hiveweight = $hive['weight'];
      $hivesound = $hive['sound'];
    }
    ?>
    <div id="logo">
      <img src="img/logo.png" alt="logo">
    </div>

    <div id="temperature"></div>
    <div id="humidity"></div>
    <div id="weight"></div>
    <div id="sound"></div>

    <table id="archive">
      <tbody>
      <tr>
        <th>Température</th>
        <th>Humidité</th>
        <th>Poids</th>
        <th>Niveau sonore</th>
      </tr>
    <?php
    $allarchive = $db->query('SELECT * FROM data ORDER BY id DESC');
    while ($archive = $allarchive->fetch()){
    ?>
       <tr>
           <td><?php echo $archive['temperature']; ?></td>
           <td><?php echo $archive['humidity']; ?></td>
           <td><?php echo $archive['weight']; ?></td>
           <td><?php echo $archive['sound']; ?></td>
       </tr>
    <?php
    }
    ?>
      <tr>
          <td><?php echo $archive['temperature']; ?></td>
          <td><?php echo $archive['humidity']; ?></td>
          <td><?php echo $archive['weight']; ?></td>
          <td><?php echo $archive['sound']; ?></td>
      </tr>
    </tbody>
   </table>
    <script>
      var datatemperature = "<?php echo $hivetemperature; ?>";
      var datahumidity = "<?php echo $hivehumidity; ?>";
      var dataweight = "<?php echo $hiveweight; ?>";
      var datasound = "<?php echo $hivesound; ?>";

      window.onload = function(){
        var temperature = new JustGage({
          id: "temperature",
          value: datatemperature,
          min: 0,
          max: 100,
          title: "Température",
          label: "°C"
        });

        var humidity = new JustGage({
          id: "humidity",
          value: datahumidity,
          min: 0,
          max: 100,
          title: "Humidité",
          label: "%"
        });
        var weight = new JustGage({
          id: "weight",
          value: dataweight,
          min: 0,
          max: 100,
          title: "Poids",
          label: "%"
        });

        var sound = new JustGage({
          id: "sound",
          value: datasound,
          min: 0,
          max: 100,
          title: "Niveau sonore",
          label: "%"
        });
      };
    </script>
  </body>
</html>

Merci d'avance :love:
 
Dernière édition:
Tu veut quoi en gros ? :mmh: qu'une fonction Javascript ce refasse en boucle pour faire la maj des donnée sur le site ?
Je voudrai que dans chaque var de mon script le value: data..... se refresh pour actualiser mes jauges avec les nouvelles données de ma bdd
 
Bonjour,

Ton topic est résolu ?
Clique sur 'Cette réponse a résolu mon topic' si quelqu'un a su t'aider, pour le remercier et pouvoir déplacer ton topic dans la section adéquate.

Bonne après-midi,
Avionix SEC
 
Retour
Haut