Led web server with current status individual name in array

Projects General Guidance
1

Hi everyone! I picked up an ethernet shield (wiznet) and was trying to follow a sketch online to learn and mess around with. I really like this sketch because it shows the status in the button. What I'm trying to do is give specific names to the led array instead of led1, led2, etc. I want to call it green led, red led, blue led. Thank you!

#include <Ethernet.h>
#include <SPI.h>
//network NB: Pins 10, 11, 12 and 13 are reserved for Ethernet module. 
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
byte ip[] = { 192, 168, 1, 250 };
byte gateway[] = { 192, 168, 1, 1 };
byte subnet[] = { 255, 255, 255, 0 };

String inString = String(35);

String Led;

int led[] = {00,8,9  }; //Led pins num 0 in arry is not used
int numofleds = 2; //numofleds
String value[] = {"on","on","on"}; //startup all led are off

EthernetServer server(1234);
String data;
void setup()
{
  Serial.begin(9600);
  Ethernet.begin(mac, ip,gateway,subnet); 
  server.begin();
 //set pin mode
  for (int j = 1; j < (numofleds + 1); j++){
    pinMode(led[j], OUTPUT);
  }
  Serial.println("Serial READY");
  Serial.println("Ethernet READY");
  Serial.println("Server READY");
}

void loop()
{
  EthernetClient client = server.available();
  
  if(client){
    // an http request ends with a blank line
    boolean current_line_is_blank = true;
    while (client.connected()) {
     
      if(client.available()) {
      
        char c = client.read();
        // if we've gotten to the end of the line (received a newline
        // character) and the line is blank, the http request has ended,
        // so we can send a reply
        if (inString.length() < 35) {
            inString.concat(c);
         } 
        if (c == '\n' && current_line_is_blank) {
                    
          // send a standard http response header
          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: text/html");
          client.println();
          client.println("<html><body><form method=get>");
          client.println("<center><Font color=red size=25><b><i><p>LED controller</p></i></b></font></center>");
         
         for(int i=1;i < (numofleds + 1) ;i++){ 
           Led = String("led") + i;
           
          if(inString.indexOf(Led+"=on")>0 || inString.indexOf("all=on")>0){
            Serial.println(Led+"on");
            digitalWrite(led[i], HIGH);
            value[i] = "off"; 
          }else if(inString.indexOf(Led+"=off")>0 || inString.indexOf("all=off")>0 ){          
            Serial.println(Led+"on");
            digitalWrite(led[i], LOW);
            value[i] = "on";
          }
           client.println("
""<center>"+Led+"  <input type=submit name="+Led+" style=width:75px;height:45px value="+value[i]+">""</center>");
         }
         client.println("
<center>All <input type=submit name=all style=width:75px;height:45px value=on><input type=submit name=all style=width:75px;height:45px value=off></center>");
         client.println("</from></html></body>");
          break;
        }
        if (c == '\n') {
          // we're starting a new line
          current_line_is_blank = true;
        } else if (c != '\r') {
          // we've gotten a character on the current line
          current_line_is_blank = false;
        }
      }
    }
    // give the web browser time to receive the data
    delay(1);
    inString = "";
    client.stop();
  }
}
2

When you have the webpage in the browser, look at the source.
Compare the source with the sketch, and see how the page is created.
For example this line:

client.println("
""<center>"+Led+"  <input type=submit name="+Led+" style=width:75px;height:45px value="+value[i]+">""</center>");

shows the text "Led" with the number.

Store that webpage on the PC and change the source of it, until you have what you want.
After that, translate it into the sketch.

3 
String inString = String(35);

Can you explain this? Why do you need a String that has an initial value of "35"?

4

That's a good question PaulS. As I mentioned earlier, I stumbled upon this code online and Im trying to use this as a platform for learning. I did switch it to 0, and it still works just the same.

Erdin, I checked out the source code and tried to change the +Led+ input name to greenled, but it wont compile when I do. I get this error:

In function ‘void loop()’:
error: expected `)' before ‘greenled’

<html><body><form method=get>
<center><Font color=red size=25><b><i><p>LED controller</p></i></b></font></center>

<center>led1  <input type=submit name=led1 style=width:75px;height:45px value=on></center>

<center>led2  <input type=submit name=led2 style=width:75px;height:45px value=on></center>

<center>All <input type=submit name=all style=width:75px;height:45px value=on><input type=submit name=all style=width:75px;height:45px value=off></center>
</from></html></body>

Any ideas guys? Thanks!