noam76 icon

html.h

noam76 | PRO | 07/23/21 08:52:05 AM UTC | 0 ⭐ | 1424 👁️ | Never ⏰ | []
Arduino |

24.33 KB

|

None

|

0 👍

/

0 👎

static const char PROGMEM INDEX_HTML[] = R"rawliteral(
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
 <title>Irrigation Viewer</title>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
<title>Page Title</title>
<style type="text/css">
/**
 * Layout
 */
body {
  background-color: #ccc;
  padding: 0% 3% 0% 3%;
  font-size: 14px;
  font-family: Lato, sans-serif;
}
 
.main {
  width: 80%;
  display: flex;
  flex-direction: column;
  margin-top: 75px;
}
 
.wrapper {
  display: flex;
  justify-content: space-between;
}
 
.sidebar {
  width: 15%;
  height: 25vh;
  min-height: 150px;
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  text-align: center;
  border: 3px solid purple;
  padding: 17px;
  margin-left: 5px;
}
 
ins {
  text-decoration: none;
}
 
h2 {
  margin: 0;
  padding: 0;
}
 
table {
  table-layout: fixed;
  width: 103%;
  border-collapse: collapse;
  border: 3px solid purple;
}
 
thead th, tfoot th {
  font-family: 'Rock Salt', cursive;
}
 
th {
  letter-spacing: 2px;
}
 
td {
  letter-spacing: 1px;
}
 
tbody td {
  text-align: center;
}
 
thead {
  color: white;
  text-shadow: 1px 1px 1px black;
}
 
tfoot {
  color: black;
  text-align: center;
}
 
thead th, tfoot th, tfoot td {
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
  border: 3px solid purple;
}
 
th, td {
  padding: 10px;
}
 
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
 
tbody tr:nth-child(even) {
  background-color: #EB984E;
}
 
/**
 * Sticky navigation
 */
.sticky {
  text-align: center;
  background-color: #ccc;
  position: -webkit-sticky;
  position: fixed;
  top: 0;
  height: 63px;
  width: 100%;
}
 
/**
 * Display lists on a single line.
 * @bugfix Prevent webkit from removing list semantics
 * 1. Add a non-breaking space
 * 2. Make sure it doesn't mess up the DOM flow
 */
.list-inline {
  list-style: none;
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding: 0;
}
 
.list-inline > li {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
 
.list-inline > li:before {
  content: "\200B"; /* 1 */
  position: absolute; /* 2 */
}
 
input[type=submit]{
  background-color: #EB984E;
  border-radius: 10px;
  border: 0;
  width: 80px;
  height:30px;
  text-decoration: none;
  cursor: pointer;
}
 
</style>
</head>
<body onload="obtenirVariables()">
 <div class="sticky">
   <h1>Irrigation System Viewer</h1>
 </div>
 <div class="wrapper">
   <div class="sidebar">
   <h3>Pump State</h3>
   <div id="pumpstate"></div>
   <br>
   <div><i class="fa fa-refresh fa-2x fa-fw"></i></div>
  </div> <!--  end sidebar -->
 <div class="main">
 <form action="/get">
 <table>
   <thead>
     <tr>
       <th scope="col">Plant</th>
       <th scope="col"><i class="fa fa-thermometer-three-quarters fa-2x" aria-hidden="true"></i> Humidity %</th>
       <th scope="col">Tap Status</th>
       <th scope="col">Tap Icon</th>
     <th scope="col" colspan="2">Select humidity rate</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 0</th>
       <td id="sensor0"></td>
       <td id="solenoidState0"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max00"></ins> <input type="text" name="S00max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min00"></ins> <input type="text" name="S00min" maxlength="4" size="4"></td>
     </tr>
     <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 1</th>
       <td id="sensor1"></td>
       <td id="solenoidState1"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max01"></ins> <input type="text" name="S01max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min01"></ins> <input type="text" name="S01min" maxlength="4" size="4"></td>
     </tr>
 
     <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 2</th>
       <td id="sensor2"></td>
       <td id="solenoidState2"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max02"></ins> <input type="text" name="S02max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min02"></ins> <input type="text" name="S02min" maxlength="4" size="4"></td>
     </tr>
 
     <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 3</th>
       <td id="sensor3"></td>
       <td id="solenoidState3"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max03"></ins> <input type="text" name="S03max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min03"></ins> <input type="text" name="S03min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 4</th>
       <td id="sensor4"></td>
       <td id="solenoidState4"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max04"></ins> <input type="text" name="S04max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min04"></ins> <input type="text" name="S04min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 5</th>
       <td id="sensor5"></td>
       <td id="solenoidState5"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max05"></ins> <input type="text" name="S05max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min05"></ins> <input type="text" name="S05min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 6</th>
       <td id="sensor6"></td>
       <td id="solenoidState6"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max06"></ins> <input type="text" name="S06max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min06"></ins> <input type="text" name="S06min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 7</th>
       <td id="sensor7"></td>
       <td id="solenoidState7"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max07"></ins> <input type="text" name="S07max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min07"></ins> <input type="text" name="S07min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 8</th>
       <td id="sensor8"></td>
       <td id="solenoidState8"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max08"></ins> <input type="text" name="S08max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min08"></ins> <input type="text" name="S08min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 9</th>
       <td id="sensor9"></td>
       <td id="solenoidState9"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max09"></ins> <input type="text" name="S09max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min09"></ins> <input type="text" name="S09min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 10</th>
       <td id="sensor10"></td>
       <td id="solenoidState10"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max10"></ins> <input type="text" name="S10max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min10"></ins> <input type="text" name="S10min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 11</th>
       <td id="sensor11"></td>
       <td id="solenoidState11"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max11"></ins> <input type="text" name="S11max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min11"></ins> <input type="text" name="S11min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 12</th>
       <td id="sensor12"></td>
       <td id="solenoidState12"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max12"></ins> <input type="text" name="S12max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min12"></ins> <input type="text" name="S12min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 13</th>
       <td id="sensor13"></td>
       <td id="solenoidState13"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max13"></ins> <input type="text" name="S13max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min13"></ins> <input type="text" name="S13min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 14</th>
       <td id="sensor14"></td>
       <td id="solenoidState14"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max14"></ins> <input type="text" name="S14max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min14"></ins> <input type="text" name="S14min" maxlength="4" size="4"></td>
     </tr>
  
  <tr>
       <th scope="row"><i class="fa fa-tree fa-2x" aria-hidden="true"></i> Sensor 15</th>
       <td id="sensor15"></td>
       <td id="solenoidState15"></td>
       <td><i class="fa fa-refresh fa-2x fa-fw"></i></td>
     <td>Max: <ins id="max15"></ins> <input type="text" name="S15max" maxlength="4" size="4"></td>
     <td>Min: <ins id="min15"></ins> <input type="text" name="S15min" maxlength="4" size="4"></td>
     </tr>
   </tbody>
  </table>
  <br>
  <table>
  <tr>
  <th scope="row"><i class="fa fa-paper-plane fa-2x" aria-hidden="true"></i> Send Data</th>
  <td></td>
  <td></td>
  <td></td>
  <td><input name='BT01' type='submit' value="Send"></td>
  </tr>
  </table>  
  </form> 
  </div> <!-- end main -->
 </div> <!-- end wrapper -->
<script type="text/javascript">
    function obtenirVariables(){
    var uniqueURL = "/reqEtatVariables" + "?aleatoire=" + Math.trunc(Math.random() * 1000000);
    var request = new XMLHttpRequest(); // http://www.toutjavascript.com/reference/ref-xmlhttprequest.php
    // la fonction à appeler lors d'un changement d'avancement de la requête AJAX
    request.onreadystatechange = function()
    {
     if (request.readyState == 4) {
      // Indicateur de l'avancement de l'appel AJAX == 4 => Données complètement accessibles 
      if (request.status == 200) {
     document.getElementById("pumpstate").innerHTML = this.responseXML.getElementsByTagName('pumpstate')[0].childNodes[0].nodeValue;
       if (document.getElementById("pumpstate").innerHTML === "ON"){
        document.getElementById("pumpstate").style.color = "greenyellow";
       }
       else {
        document.getElementById("pumpstate").style.color = "#ff0000";
      }
     
     document.getElementById("sensor0").innerHTML = this.responseXML.getElementsByTagName('sensor0')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor1").innerHTML = this.responseXML.getElementsByTagName('sensor1')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor2").innerHTML = this.responseXML.getElementsByTagName('sensor2')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor3").innerHTML = this.responseXML.getElementsByTagName('sensor3')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor4").innerHTML = this.responseXML.getElementsByTagName('sensor4')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor5").innerHTML = this.responseXML.getElementsByTagName('sensor5')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor6").innerHTML = this.responseXML.getElementsByTagName('sensor6')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor7").innerHTML = this.responseXML.getElementsByTagName('sensor7')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor8").innerHTML = this.responseXML.getElementsByTagName('sensor8')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor9").innerHTML = this.responseXML.getElementsByTagName('sensor9')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor10").innerHTML = this.responseXML.getElementsByTagName('sensor10')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor11").innerHTML = this.responseXML.getElementsByTagName('sensor11')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor12").innerHTML = this.responseXML.getElementsByTagName('sensor12')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor13").innerHTML = this.responseXML.getElementsByTagName('sensor13')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor14").innerHTML = this.responseXML.getElementsByTagName('sensor14')[0].childNodes[0].nodeValue + "%";
     document.getElementById("sensor15").innerHTML = this.responseXML.getElementsByTagName('sensor15')[0].childNodes[0].nodeValue + "%";
     
     document.getElementById("solenoidState0").innerHTML = this.responseXML.getElementsByTagName('solenoidState0')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState0").innerHTML === "ON"){
        document.getElementById("solenoidState0").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState0").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState1").innerHTML = this.responseXML.getElementsByTagName('solenoidState1')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState1").innerHTML === "ON"){
        document.getElementById("solenoidState1").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState1").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState2").innerHTML = this.responseXML.getElementsByTagName('solenoidState2')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState2").innerHTML === "ON"){
        document.getElementById("solenoidState2").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState2").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState3").innerHTML = this.responseXML.getElementsByTagName('solenoidState3')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState3").innerHTML === "ON"){
        document.getElementById("solenoidState3").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState3").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState4").innerHTML = this.responseXML.getElementsByTagName('solenoidState4')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState4").innerHTML === "ON"){
        document.getElementById("solenoidState4").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState4").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState5").innerHTML = this.responseXML.getElementsByTagName('solenoidState5')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState5").innerHTML === "ON"){
        document.getElementById("solenoidState5").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState5").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState6").innerHTML = this.responseXML.getElementsByTagName('solenoidState6')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState6").innerHTML === "ON"){
        document.getElementById("solenoidState6").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState6").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState7").innerHTML = this.responseXML.getElementsByTagName('solenoidState7')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState7").innerHTML === "ON"){
        document.getElementById("solenoidState7").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState7").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState8").innerHTML = this.responseXML.getElementsByTagName('solenoidState8')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState8").innerHTML === "ON"){
        document.getElementById("solenoidState8").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState8").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState9").innerHTML = this.responseXML.getElementsByTagName('solenoidState9')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState9").innerHTML === "ON"){
        document.getElementById("solenoidState9").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState9").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState10").innerHTML = this.responseXML.getElementsByTagName('solenoidState10')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState10").innerHTML === "ON"){
        document.getElementById("solenoidState10").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState10").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState11").innerHTML = this.responseXML.getElementsByTagName('solenoidState11')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState11").innerHTML === "ON"){
        document.getElementById("solenoidState11").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState11").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState12").innerHTML = this.responseXML.getElementsByTagName('solenoidState12')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState12").innerHTML === "ON"){
        document.getElementById("solenoidState12").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState12").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState13").innerHTML = this.responseXML.getElementsByTagName('solenoidState13')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState13").innerHTML === "ON"){
        document.getElementById("solenoidState13").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState13").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState14").innerHTML = this.responseXML.getElementsByTagName('solenoidState14')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState14").innerHTML === "ON"){
        document.getElementById("solenoidState14").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState14").style.color = "#ff0000";
      }
     
     document.getElementById("solenoidState15").innerHTML = this.responseXML.getElementsByTagName('solenoidState15')[0].childNodes[0].nodeValue;
        if (document.getElementById("solenoidState15").innerHTML === "ON"){
        document.getElementById("solenoidState15").style.color = "greenyellow";
       }
       else {
        document.getElementById("solenoidState15").style.color = "#ff0000";
      }
 
     document.getElementById("max00").innerHTML = this.responseXML.getElementsByTagName('max00')[0].childNodes[0].nodeValue;
     document.getElementById("min00").innerHTML = this.responseXML.getElementsByTagName('min00')[0].childNodes[0].nodeValue;
     document.getElementById("max01").innerHTML = this.responseXML.getElementsByTagName('max01')[0].childNodes[0].nodeValue;
     document.getElementById("max02").innerHTML = this.responseXML.getElementsByTagName('max02')[0].childNodes[0].nodeValue;
     document.getElementById("max03").innerHTML = this.responseXML.getElementsByTagName('max03')[0].childNodes[0].nodeValue;
     document.getElementById("max04").innerHTML = this.responseXML.getElementsByTagName('max04')[0].childNodes[0].nodeValue;
     document.getElementById("max05").innerHTML = this.responseXML.getElementsByTagName('max05')[0].childNodes[0].nodeValue;
     document.getElementById("max06").innerHTML = this.responseXML.getElementsByTagName('max06')[0].childNodes[0].nodeValue;
     document.getElementById("max07").innerHTML = this.responseXML.getElementsByTagName('max07')[0].childNodes[0].nodeValue;
     document.getElementById("max08").innerHTML = this.responseXML.getElementsByTagName('max08')[0].childNodes[0].nodeValue;
     document.getElementById("max09").innerHTML = this.responseXML.getElementsByTagName('max09')[0].childNodes[0].nodeValue;
     document.getElementById("max10").innerHTML = this.responseXML.getElementsByTagName('max10')[0].childNodes[0].nodeValue;
     document.getElementById("max11").innerHTML = this.responseXML.getElementsByTagName('max11')[0].childNodes[0].nodeValue;
     document.getElementById("max12").innerHTML = this.responseXML.getElementsByTagName('max12')[0].childNodes[0].nodeValue;
     document.getElementById("max13").innerHTML = this.responseXML.getElementsByTagName('max13')[0].childNodes[0].nodeValue;
     document.getElementById("max14").innerHTML = this.responseXML.getElementsByTagName('max14')[0].childNodes[0].nodeValue;
     document.getElementById("max15").innerHTML = this.responseXML.getElementsByTagName('max15')[0].childNodes[0].nodeValue;
     document.getElementById("min01").innerHTML = this.responseXML.getElementsByTagName('min01')[0].childNodes[0].nodeValue;
     document.getElementById("min02").innerHTML = this.responseXML.getElementsByTagName('min02')[0].childNodes[0].nodeValue;
     document.getElementById("min03").innerHTML = this.responseXML.getElementsByTagName('min03')[0].childNodes[0].nodeValue;
     document.getElementById("min04").innerHTML = this.responseXML.getElementsByTagName('min04')[0].childNodes[0].nodeValue;
     document.getElementById("min05").innerHTML = this.responseXML.getElementsByTagName('min05')[0].childNodes[0].nodeValue;
     document.getElementById("min06").innerHTML = this.responseXML.getElementsByTagName('min06')[0].childNodes[0].nodeValue;
     document.getElementById("min07").innerHTML = this.responseXML.getElementsByTagName('min07')[0].childNodes[0].nodeValue;
     document.getElementById("min08").innerHTML = this.responseXML.getElementsByTagName('min08')[0].childNodes[0].nodeValue;
     document.getElementById("min09").innerHTML = this.responseXML.getElementsByTagName('min09')[0].childNodes[0].nodeValue;
     document.getElementById("min10").innerHTML = this.responseXML.getElementsByTagName('min10')[0].childNodes[0].nodeValue;
     document.getElementById("min11").innerHTML = this.responseXML.getElementsByTagName('min11')[0].childNodes[0].nodeValue;
     document.getElementById("min12").innerHTML = this.responseXML.getElementsByTagName('min12')[0].childNodes[0].nodeValue;
     document.getElementById("min13").innerHTML = this.responseXML.getElementsByTagName('min13')[0].childNodes[0].nodeValue;
     document.getElementById("min14").innerHTML = this.responseXML.getElementsByTagName('min14')[0].childNodes[0].nodeValue;
     document.getElementById("min15").innerHTML = this.responseXML.getElementsByTagName('min15')[0].childNodes[0].nodeValue;
       }
     }
    }
    request.open("GET", uniqueURL , true); // ici on envoie la requête GET sur l'URL /reqEtatVariables
    request.send(null);
    setTimeout("obtenirVariables()", 1000); // on rappelle obtenirVariables()
   }
 </script>
</body>
</html>
)rawliteral";

Comments