Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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";
Advertisement
Add Comment
Please, Sign In to add comment