Advertisement
Guest User

Untitled

a guest
Nov 23rd, 2017
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.99 KB | None | 0 0
  1.         <div id="status">
  2.             <div id="statusHeader">
  3.                 <hr>
  4.                 <p>STATUS</p>
  5.             </div>
  6.             <div id="statusLeft">
  7.                 <p id="cas">Time - <b>12:30.</b></p>
  8.                 <p id="currentTemp">Current Air Temperature - <b>32°.</b></p>
  9.                 <p id="currentHum">Current Air Humidity - <b>40%.</b></p>
  10.                 <p id="currentSoilHum">Current Soil Humidity - <b>80%.</b></p>
  11.                 <p id="setTemp">Max Air Temperature - <b>30°.</b></p>
  12.                 <p id="setHum">Max Air Humidity - <b>60%.</b></p>
  13.                 <p id="setSoilHum">Min Soil Humidity - <b>50%.</b></p>
  14.                 <p id="jasSvetla">Backlight Brightness - <b>20%.</b></p>
  15.                 <p id="casCirkulacie">Circulation Period - <b>20 minutes.</b></p>
  16.                 <p id="dlzkaCirkulacie">Circulation Lenght - <b>2 minutes.</b></p>
  17.                 <p id="casVetrania">Ventilation Period - <b>1 hour.</b></p>
  18.                 <p id="dlzkaVetrania">Ventilation Lenght - <b>4 minutes.</b></p>
  19.                 <p id="casGrowLampy">GrowLamp On Time - <b>18:00 - 23:00.</b></p>
  20.             </div>
  21.             <div id="statusRight">
  22.                 <div id="svetloSwitch" class="switch">
  23.                     <p>Backlight</p>
  24.                     <button id="switch1" class="switchButton">
  25.                 </div>
  26.                 <div id="vetranieSwitch" class="switch">
  27.                     <p>Ventilation</p>
  28.                     <button id="switch2" class="switchButton">
  29.                 </div>
  30.                 <div id="cirkulaciaSwitch" class="switch">
  31.                     <p>Circulation</p>
  32.                     <button id="switch3" class="switchButton">
  33.                 </div>
  34.                 <div id="growLampSwitch" class="switch">
  35.                     <p>GrowLamp</p>
  36.                     <button id="switch4" class="switchButton">
  37.                 </div>
  38.             </div>
  39.             <script>
  40.                 var cacheData;
  41.                 var data = $('#status').html();
  42.                 var auto_refresh = setInterval(
  43.                 function ()
  44.                 {
  45.                     $.ajax({
  46.                         url: 'status.php',
  47.                         type: 'POST',
  48.                         data: data,
  49.                         dataType: 'html',
  50.                         success: function(data) {
  51.                             if (data !== cacheData){
  52.                                 cacheData = data;
  53.                                 $('#status').html(data);
  54.                             }          
  55.                         }
  56.                     })
  57.                 }, 2000);
  58.             </script>
  59.         </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement