HTML page dosent load when i add too many buttons to control relays via ethernet

[riesens]

Basically you need to adapt your function void SendWebPage(...) with something like this (untested, but it's a good starting point)

Code: [Select]



static File SDFile;
void SendWebPage(EthernetClient client) {
   byte buff[32] // The sending buffer; its size (now 32) influences directly RAM-Usage
   SDFile = SD.open("index.htm", FILE_READ); // Open the file index.htm on the root of your SDCard

   if (SDFile) {
      while(SDFile.available()) { // Is there still data to be read in the file
          memset(buff, '\n', sizeof(buff)); // Reset the buffer
          SDFile.read(buff, sizeof(buff)); // Read the next chunk of data to the buffer
          client.write(buff, sizeof(buff)); // Send the just read chunk of data to the client
      }

   } else {
      Serial.println("SDFile Read Error");
   }
 
}


Hope that helps for starters. You probably need to find a way to handle the dynamic part of that website (i.e. the part that is dependent on your relay states and either shows "ON" or "OFF"-texts on you buttons). I usualy separate presentation ("the webpage") and data (ON/OFF) with AJAX. If you don't want to do this, you could have a file for the header part, send the dynamic part as you used to, and then have a file for the footer part of your webpage.

[abhijeetramgir]

Basically you need to adapt your function void SendWebPage(...) with something like this (untested, but it's a good starting point)

Code: [Select]



static File SDFile;
void SendWebPage(EthernetClient client) {
   byte buff[32] // The sending buffer; its size (now 32) influences directly RAM-Usage
   SDFile = SD.open("index.htm", FILE_READ); // Open the file index.htm on the root of your SDCard

   if (SDFile) {
      while(SDFile.available()) { // Is there still data to be read in the file
          memset(buff, '\n', sizeof(buff)); // Reset the buffer
          SDFile.read(buff, sizeof(buff)); // Read the next chunk of data to the buffer
          client.write(buff, sizeof(buff)); // Send the just read chunk of data to the client
      }

   } else {
      Serial.println("SDFile Read Error");
   }
 
}


Hope that helps for starters. You probably need to find a way to handle the dynamic part of that website (i.e. the part that is dependent on your relay states and either shows "ON" or "OFF"-texts on you buttons). I usualy separate presentation ("the webpage") and data (ON/OFF) with AJAX. If you don't want to do this, you could have a file for the header part, send the dynamic part as you used to, and then have a file for the footer part of your webpage.

Hey riesens!

i put it in my code but i m getting this error, please can u help me?  the error is"expected initalizer before 'SDfile'"

Thanks a lot!

here's the code

Code: [Select]

#include <SPI.h>
#include <Ethernet.h>
#include <SD.h>
// Enter a MAC address and IP address for your controller below.
// The IP address will be dependent on your local network:
byte mac[] = {
  0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192,168,1,177);

// Initialize the Ethernet server library
// with the IP address and port you want to use
// (port 80 is default for HTTP):
EthernetServer server(80);



String readString = String(100); //string for fetching data from address

void setup()
{
    // disable Ethernet chip
    pinMode(10, OUTPUT);
    digitalWrite(10, HIGH);
    
    Serial.begin(9600);       // for debugging
    
    // initialize SD card
    Serial.println("Initializing SD card...");
    if (!SD.begin(4)) {
        Serial.println("ERROR - SD card initialization failed!");
        return;    // init failed
    }
    Serial.println("SUCCESS - SD card initialized.");
    // check for index.htm file
    if (!SD.exists("index.htm")) {
        Serial.println("ERROR - Can't find index.htm file!");
        return;  // can't find index file
    }
    Serial.println("SUCCESS - Found index.htm file.");
    // LEDs
  pinMode(6, OUTPUT);
  pinMode(5, OUTPUT);
  pinMode(7, OUTPUT);
  pinMode(8, OUTPUT);

  // start the Ethernet connection and the server:

  Serial.println(F("Initiaizing ethernet..."));

  // this uses a fixed address
  Ethernet.begin(mac, ip);

  // get an address with DHCP
  //if (Ethernet.begin(mac) == 0)
  //  Serial.println("Failed to configure Ethernet using DHCP");

  // give the card a second to initialize
  delay(1000);

  server.begin();

  Serial.print(F("Garage Door Opener Control Ready at IP address "));
  Serial.println(Ethernet.localIP());
}

void loop()
{
  // command received (one character)  '1' - activate garage door button
  char cmd = 0;          // 1 - pulse button
  boolean done = false;  // set to indicate that response is complete

  // listen for incoming clients
  EthernetClient client = server.available();
  if (client) {

    Serial.println(F("new client"));
    readString = "";

    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
        Serial.write(c);
        //int i = c;
        //Serial.print("(");
        //Serial.print(i);
        //Serial.print(")");

        // store character received in receive string
        if (readString.length() < 100) {
          readString += (c);
        }

        // check for end of line
        if (c == '\n') {
            //Serial.print("Receved line: ");
            //Serial.print(readString);  

            // process line if its the "GET" request
            // a request looks like "GET /?1" or "GET /?2"
            if (readString.indexOf("GET") != -1) {
                if (readString.indexOf("?1") != -1)
                   cmd = '1';
                // check for other commands here. ie turn on light, etc.
                if (readString.indexOf("?2") != -1)
                   cmd = '2';  
                                  if (readString.indexOf("?3") != -1)
                   cmd = '3';
                                  if (readString.indexOf("?4") != -1)
                   cmd = '4';
                                  if (readString.indexOf("?5") != -1)
                   cmd = '5';
                                  if (readString.indexOf("?6") != -1)
                   cmd = '6';
                                  if (readString.indexOf("?7") != -1)
                   cmd = '7';
                                 if (readString.indexOf("?8") != -1)
                   cmd = '8';
  
            }              

           // if a blank line was received (just cr lf, length of 2), then its the end of the request
           if (readString.length() == 2) {
             if (cmd == '1'){
                Serial.println(F("Activate Button"));
                digitalWrite(6, HIGH);

             }
                          if (cmd == '2'){
                Serial.println(F("Activate Button"));
                digitalWrite(6, LOW);

             }
                          if (cmd == '3'){
                Serial.println(F("Activate Button"));
                digitalWrite(5, HIGH);

             }
                          if (cmd == '4'){
                Serial.println(F("Activate Button"));
                digitalWrite(5, LOW);

             }
                          if (cmd == '5'){
                Serial.println(F("Activate Button"));
                digitalWrite(7, HIGH);

             }
                          if (cmd == '6'){
                Serial.println(F("Activate Button"));
                digitalWrite(7, LOW);

             }
                          if (cmd == '7'){
                Serial.println(F("Activate Button"));
                digitalWrite(8, HIGH);

             }
                          if (cmd == '8'){
                Serial.println(F("Activate Button"));
                digitalWrite(8, LOW);

             }

             // add other commands here

             // send web page back to client
             Serial.println(F("sending web page"));
             SendWebPage(client);
             Serial.println(F("web page sent"));

             cmd = 0;

             // break out and disconnect. This will tell the browser the request is complete without having to specify content-length
             break;

           }  // end of request reached

           // start line over            
           readString = "";
        }  // end of line reached
      }  // end data is available from client
    }  // end cient is connected
    // give the web browser time to receive the data
    Serial.println(F("delay before disconnect"));
    delay(100);
    // close the connection:
    client.stop();
    Serial.println(F("client disonnected"));
  }  // end client has been created
}

// send web page
static File SDFile;
void SendWebPage(EthernetClient client) {
   byte buff[32] // The sending buffer; its size (now 32) influences directly RAM-Usage
   SDFile = SD.open("index.htm", FILE_READ); // Open the file index.htm on the root of your SDCard

   if (SDFile) {
      while(SDFile.available()) { // Is there still data to be read in the file
          memset(buff, '\n', sizeof(buff)); // Reset the buffer
          SDFile.read(buff, sizeof(buff)); // Read the next chunk of data to the buffer
          client.write(buff, sizeof(buff)); // Send the just read chunk of data to the client
      }

   } else {
      Serial.println("SDFile Read Error");
   }
 
}

[meccip]

Hi, abhijeetramgir

Read this Arduino Ethernet Shield Web Server Tutorial
Read all 18 Tutorials. You can transfer big part of the code to sd Card. You can modify the program and add switches and relays. You can do it. I did