Esp8226 external switch update to web server with

Projects Programming
7

Thanks! It is a bit over my head, so I will be doing the google search you suggested!

I did come up with a a way to have the variables updated to a webserver with a time interval (AJAX). So I think now, I can create a String that is updated when my physical button is pressed which will in turn be updated on the webserver at the time interval in the code.....I do understand better now that it isn't pushing the information, but I am able to request it at a set time interval and then GET it with this:

String SendHTML(byte Hour,byte Minute,byte Second){
  String ptr = "<!DOCTYPE html> <html>\n";
  ptr +="<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\n";
ptr +="<title>ESP8266 Temperature Monitor</title>\n";
ptr +="<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}\n";
ptr +="body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;}\n";
ptr +="p {font-size: 24px;color: #444444;margin-bottom: 10px;}\n";
ptr +="</style>\n";

ptr +="<script>\n";
ptr +="setInterval(loadDoc,1000);\n";
ptr +="function loadDoc() {\n";
ptr +="var xhttp = new XMLHttpRequest();\n";
ptr +="xhttp.onreadystatechange = function() {\n";
ptr +="if (this.readyState == 4 && this.status == 200) {\n";
ptr +="document.body.innerHTML =this.responseText}\n";
ptr +="};\n";
ptr +="xhttp.open(\"GET\", \"/\", true);\n";
ptr +="xhttp.send();\n";
ptr +="}\n";
ptr +="</script>\n";

I have seen webpages built using ptr += and page+=.... What is the difference?

Also, If I want to add a button to click on the same website as was created in the code above how would I add the button?

Thanks all!