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:
Bonjour,
Tu aimerais que ce que tu rentres dans un input sois actualiser avec ta db ? Si oui il est préférable de le faire avec PHP, autrement il te fraudais du AJAX ^^' !
Oui c'est ça ! Ça sera plus simple que de refresh les values dans du javascript
 
Oui c'est ça ! Ça sera plus simple que de refresh les values dans du javascript
Oui en gros tu créer un form en type $_POST est tu vérifie que des données sois entrée lorsque il fait envoyé avec un input type submit.
Si c'est le cas tu prépare une requête avec les valeurs entrée dans le $_POST et tu l'es éxécutes. Le tout étant sécuriser contre les failles
En gros c'est qu'il faut faire ^^' !
 
Ah oui non désolé c'est pas un input c'est juste pour rafraichir une div :nerveux:
Mais les données de ta div son enregistrer dans la DB ?
Donc tu créer une formulaire avec un input et tu fait en sorte que input update les données de la db avec ce que tu as entrée comme information.
 
Mais les données de ta div son enregistrer dans la DB ?
Donc tu créer une formulaire avec un input et tu fait en sorte que input update les données de la db avec ce que tu as entrée comme information.
Non je dois rafraichir automatiquement toutes les x secondes
 
Salut,

J'ai pas compris ce que tu veux faire, même en lisant les messages, tu as une div avec ce qu'il y a dans ta base de donnée et tu veux les actualiser ?

Pourquoi tu veux que ça s'actualise un simple refresh de la page suffit :mmh:
 
Retour
Haut