Untitled


#include <SPI.h>
#include <Ethernet.h>

byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED }; //physical mac address
byte ip[] = { 00000000000 }; // ip in lan
byte gateway[] = { 0000000000 }; // internet access via router
byte subnet[] = { 000000000000 }; //subnet mask
EthernetServer server(80); //server port

String readString;

#define ledPin 27
#define led2Pin 28
#define led3Pin 29

void setup() {

  pinMode(ledPin, OUTPUT); //pin selected to control
  pinMode(led2Pin, OUTPUT); //pin selected to control
  pinMode(led3Pin, OUTPUT); //pin selected to control
  //start Ethernet
  Ethernet.begin(mac, ip, gateway, gateway, subnet);
  server.begin();

  //enable serial data print
  Serial.begin(9600);
  Serial.println("server multi pin button test 1.0"); // so I can keep track of what is loaded
}

void loop() {
  // Create a client connection
  EthernetClient client = server.available();
  if (client) {
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();

        //read char by char HTTP request
        if (readString.length() < 30) {

          //store characters to string
          readString += c;
          //Serial.print(c);
        }

        //if HTTP request has ended
        if (c == '\n') {

          ///////////////
          Serial.println(readString); //print to serial monitor for debuging

          client.println("HTTP/1.1 200 OK"); //send new page
          client.println("Content-Type: text/html");
          client.println();

          client.println("<HTML>");
          client.println("<HEAD>");
          client.println("<TITLE>Arduino</TITLE>");
          client.println("</HEAD>");
          client.println("<BODY>");

          client.println("<H1><center>ARDUINO WEB BUTTON</center></H1>");

          client.println("<br>");

          // custom buttons

          client.println("<table align='center' border=10 bgcolor='green' ><th><h2><div onmousedown='mDown(this,\"1ON\")' onmouseup='mUp(this,\"1OFF\")' style='background-color:'#D94A38';width:130px;height:30px;padding:10px;'>FRENTE</div></table>");
          client.println("<br>");
          client.println("<table align='center' border=10 bgcolor='green' ><th><h2><div onmousedown='mDown(this,\"2ON\")' onmouseup='mUp(this,\"2OFF\")' style='background-color:'#D94A38';width:130px;height:30px;padding:10px;'>ESQUERDA</div></table>");
          client.println("<br>");
          client.println("<table align='center' border=10 bgcolor='green' ><th><h2><div onmousedown='mDown(this,\"3ON\")' onmouseup='mUp(this,\"3OFF\")' style='background-color:'#D94A38';width:130px;height:30px;padding:10px;'>MARCHA RE</div></table>");

          client.println("<script>function mDown(obj,comando){obj.style.backgroundColor='#1ec5e5';obj.innerHTML='ACESO';location.href=\"?\" + comando}");
          client.println("function mUp(obj,comando){obj.style.backgroundColor='#D94A38';obj.innerHTML='APAGADO';location.href=\"?\" + comando}</script>");

          client.println("</BODY>");
          client.println("</HTML>");

          delay(1);


          if(readString.indexOf("1ON") >= 0) {
            digitalWrite(ledPin, HIGH);
          }
          if(readString.indexOf("1OFF") >= 0) {
            digitalWrite(ledPin, LOW);
          }
          if(readString.indexOf("2ON") >= 0) {
            digitalWrite(led2Pin, HIGH);
          }
          if(readString.indexOf("2OFF") >= 0) {
            digitalWrite(led2Pin, LOW);
          }
          if(readString.indexOf("3ON") >= 0) {
            digitalWrite(led3Pin, HIGH);
          }
          if(readString.indexOf("3OFF") >= 0) {
            digitalWrite(led3Pin, LOW);
          }

          //clearing string for next read
          readString = "";
          //stopping client
          client.stop();
        }
      }
    }
  }
}