ESP8266 SHT21 sensor
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

test.html 4.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>ESP-Weather</title>
  7. <script src="https://code.jquery.com/jquery-3.1.1.min.js"
  8. integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  9. crossorigin="anonymous"
  10. defer>
  11. </script>
  12. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
  13. integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
  14. crossorigin="anonymous"
  15. defer>
  16. </script>
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js"
  18. integrity="sha256-RASNMNlmRtIreeznffYMDUxBXcMRjijEaaGF/gxT6vw="
  19. crossorigin="anonymous"
  20. defer>
  21. </script>
  22. <link rel="stylesheet"
  23. href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
  24. integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
  25. crossorigin="anonymous">
  26. <link rel="stylesheet" href="client-style.css" type="text/css">
  27. <script src="client-script.js" defer>
  28. </script>
  29. <link rel="icon" href="favicon.ico" type="image/x-icon">
  30. </head>
  31. <body>
  32. <script type="text/javascript">
  33. var clients = Array('192.168.0.173');
  34. </script>
  35. <div id="main-part" class="container">
  36. <div class="page-header">
  37. <h2>ESP-Weather <small>v2</small></h2>
  38. </div>
  39. <div class="row" id="contentDiv">
  40. <div id="startDiv" class="col-sm-12 col-md-12 col-lg-12" style="display: none;">
  41. <div class="panel panel-primary">
  42. <div class="panel-heading" id="listSensorsHeading">
  43. </div>
  44. <div class="panel-body">
  45. <ul class="list-group" id="listSensors"></ul>
  46. <div id="alertDiv"></div>
  47. <button class="btn btn-primary" disabled="" id="btnSubmit">
  48. </button>
  49. </div>
  50. </div>
  51. </div>
  52. <div id="dataDiv" class="col-sm-12 col-md-12 col-lg-12" style="display: none;">
  53. <div class="panel panel-primary">
  54. <ul id="navbar" class="nav nav-pills">
  55. </ul>
  56. <div class="panel-body">
  57. <div id="contentPanel">
  58. <div class="row">
  59. <div class="col-sm-12 col-md-12 col-lg-6">
  60. <div id="temperatureDiv" class="embed-responsive embed-responsive-4by3">
  61. <canvas id="temperatureChart"></canvas>
  62. </div>
  63. </div>
  64. <div class="col-sm-12 col-md-12 col-lg-6">
  65. <div id="humidityDiv" class="embed-responsive embed-responsive-4by3">
  66. <canvas id="humidityChart"></canvas>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="footer">
  77. <div class="container">
  78. <p class="text-muted text-center">
  79. &copy; Copyright 2016 by Christian H&ouml;gerle and Thomas Buck
  80. <br>
  81. <small>
  82. <small>
  83. <a href="https://github.com/xythobuz/ESP-Weather">
  84. ESP-Weather is free software!
  85. </a>
  86. </small>
  87. </small>
  88. </p>
  89. </div>
  90. </div>
  91. </body>
  92. </html>