Uno + Ethernet Shield to PHP

KodiakBear: so I have been inspecting apache logs in realtime over mac os x terminal.

it is clear that when arduino hangs on GET, Apache simply waits for GET request. There is nothing seems to be wrong in the server side.

if I change my slider in the browser when hang happens, it does send the slider value to sql according to apache logs

Slider?

How often are you sending requests now? Are you still waiting the one millisecond between requests?

@SurferTim,

This is modified version of your code(http://www.arduino.cc/playground/Code/WebClient)

It works like a charm but I am still not sure if it is still stable. I mean your part of code is great, but what I did might be changed the stability.

What do you think?

/*
Web client sketch for IDE v1.0.1 and w5100/w5200
Posted October 2012 by SurferTim
*/

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

byte mac = { 0x00, 0xAA, 0xBB, 0xCC, 0xDE, 0x02 };
//IPAddress ip(192,168,1,12);
//IPAddress gateway(192, 168, 1, 12);
//IPAddress subnet(255, 255, 255, 0);

IPAddress server(192,168,1,12); // Google
EthernetClient client;

int totalCount = 0;
int loopCount = 0;
char pageAdd[32];
TextFinder finder( client );
void setup() {
Serial.begin(9600);

pinMode(4,OUTPUT);
digitalWrite(4,HIGH);

Ethernet.begin(mac);
delay(2000);
Serial.println(“Ready”);
}

void loop()
{
if(loopCount < 10)
{
delay(10);
}
else
{
loopCount = 0;
sprintf(pageAdd,"/data.php",totalCount);
if(!getPage(server,pageAdd)) Serial.print("Fail ");
else Serial.print("Pass ");
totalCount++;
Serial.println(totalCount,DEC);
}

loopCount++;
}

byte getPage(IPAddress ipBuf,char *page)
{
int inChar;
char outBuf[128];

Serial.print(“connecting…”);

if(client.connect(ipBuf,80))
{
Serial.println(“connected”);

sprintf(outBuf,“GET %s HTTP/1.0\r\n\r\n”,page);
client.write(outBuf);
}
else
{
Serial.println(“failed”);
return 0;
}

int connectLoop = 0;

while(client.connected())
{
while(client.available())
{
// inChar = client.read();
// Serial.write(inChar);
finder.find("<");
long speed_1 = finder.getValue();
Serial.print(“Speed 1:”);
Serial.print(speed_1); // end get first user speed
Serial.println("");

client.flush();
client.stop();
/* finder.find("<");
long speed_1 = finder.getValue();
Serial.print(“Speed 1:”);
Serial.print(speed_1); // end get first user speed
Serial.println("");/
connectLoop = 0;
}
/
if (client.available()) {
// char c = client.read();
// Serial.print(c);
// Serial.println(“b”);

finder.find("<"); // seek to the Results field
long value = finder.getValue(); // get numeric value
Serial.print(value);
Serial.println("");
client.flush();
client.stop();
}*/
connectLoop++;
if(connectLoop > 10000)
{
Serial.println();
Serial.println(“Timeout”);
client.stop();
}
delay(1);
}

Serial.println();

Serial.println(“disconnecting.”);
client.stop();

return 1;
}

What does this connectLoop do by the way? It is just for testing i suppose, right?

connectLoop++;
    if(connectLoop > 100)
    {
      Serial.println();
      Serial.println("Timeout");
      client.stop();
    }

…and here is the serial print:

Pass 1431
connecting...connected
Speed 1:706

disconnecting.
Pass 1432
connecting...connected
Speed 1:706

disconnecting.
Pass 1433
connecting...connected
Speed 1:706

disconnecting.
Pass 1434
connecting...connected
Speed 1:706

disconnecting.
Pass 1435
connecting...connected
Speed 1:706

disconnecting.

Thank you in advance

The variable connectLoop controls the timeout. If the connection breaks, like hardware fail, it prevents the "while(client.connected()" loop from becoming an endless loop. I tested that by downloading a big webpage and pulling the CAT5 connector out of the shield halfway through the download. Then a couple minutes later, after several failed connection attempts, I plugged it back in, and it went right back to working.

edit: The "while(client.connected())" loop is exited when the server sends a close message, but not a hardware fail. If the connection breaks, the close message never gets through to the client from the server, and the client code hangs in that loop.

The connectLoop counts the iterations of that loop with no packet received. With the delay(1) in the loop, it is about a millisecond through each iteration, so I used 10000 as the number of times through the loop without a packet to exit the loop with the "client.stop()" call (no packet for 10 seconds). The other comparison loops exit normally, and the last client.stop() does nothing but return if the connection is closed.

@SurferTim

I got it. You thought of everything :) That's great, you saved my day, thank you very much!

I have a project to control 2 servos using button on php web.
I’ve tried to connect the arduino to PHP then serial monitor shows this:

Starting ethernet...
192.168.0.4
Ready
connecting...connected
HTTP/1.1 200 OK
Date: Thu, 04 Jul 2013 08:47:15 GMT
Server: Apache/2.2.11 (Win32) DAV/2 mod_ssl/2.2.11 OpenSSL/0.9.8i mod_autoindex_color PHP/5.2.8
Content-Length: 1404
Connection: close
Content-Type: text/html;charset=utf-8

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
 <head>
  <title>Index of /</title>
 </head>
 <body>
<h1>Index of /</h1>
<pre><img src="/icons/blank.gif" alt="Icon "> <a href="?C=N;O=D">Name</a>                    <a href="?C=M;O=A">Last modified</a>      <a href="?C=S;O=A">Size</a>  <a href="?C=D;O=A">Description</a><hr><img src="/icons/folder.gif" alt="[DIR]"> <a href="Dessy/">Dessy/</a>                  04-Jul-2013 14:26    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="Image/">Image/</a>                  01-Jul-2013 13:35    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="TA/">TA/</a>                     15-Jun-2013 07:31    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="bacup/">bacup/</a>                  21-Dec-2007 09:01    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="gagal/">gagal/</a>                  14-Jun-2013 20:58    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="includes/">includes/</a>               01-Jul-2013 13:37    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="jadi/">jadi/</a>                   03-Jul-2013 22:00    -   
<img src="/icons/folder.gif" alt="[DIR]"> <a href="xampp/">xampp/</a>                  21-Dec-2007 09:01    -   
<hr></pre>
<address>Apache/2.2.11 (Win32) DAV/2 mod_ssl/2.2.11 OpenSSL/0.9.8i mod_autoindex_color PHP/5.2.8 Server at 192.168.0.2 Port 80</address>
</body></html>

disconnecting.
Pass 1

Is the information above shows that the arduino and php are connected? If yes, I don’t know how to control the servos using button on php web.
Help me please

Is the information above shows that the arduino and php are connected?

The Arduino and the server where the php script is running connected, the php script was executed, and generated some output. The server sent that output back to you.

If yes, I don't know how to control the servos using button on php web. Help me please

I think you are going about this all wrong. Typically, the Arduino serves up a page, containing a form with submit items. The client renders the page, and the user does something that triggers a submit item which triggers the action script. That script usually performs another GET to the server (the Arduino) containing additional information, which the Arduino parses to determine what to do.

There is nothing in the output that you showed that indicates that you made a useful GET request from the Arduino as client. All that is is an index listing from a directory, typically generated when you do not properly specify a script name, and there is an index.php script in the directory.

We'd need to see your Arduino code, and understand how you think a client is going to get useful information from the server.

PaulS:
I think you are going about this all wrong. Typically, the Arduino serves up a page, containing a form with submit items. The client renders the page, and the user does something that triggers a submit item which triggers the action script. That script usually performs another GET to the server (the Arduino) containing additional information, which the Arduino parses to determine what to do.

There is nothing in the output that you showed that indicates that you made a useful GET request from the Arduino as client. All that is is an index listing from a directory, typically generated when you do not properly specify a script name, and there is an index.php script in the directory.

We’d need to see your Arduino code, and understand how you think a client is going to get useful information from the server.

Here is my php code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>User Room</title>
<style type="text/css">
.alt {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #09C;
}
.azm {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #09C;
	text-align: center;
	font-weight: bold;
}
.move {
	color: #FFF;
}
.alt {
	color: #FFF;
}
.azm {
	color: #FFF;
}
.btn {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.txt {
	color: #FFF;
}
.txt .txt {
	font-weight: bold;
	color: #39F;
	text-align: center;
}
</style>
</head>

<body bgcolor="#000000">
<form action="form1" method="get">
<p class="txt"><span class="txt">CLICK THE BUTTON TO CONTROL TEHE TELESCOPE!</span> </p>
<table width="400" border="2" align="center">
    <tr>
      <th colspan="2" class="alt" scope="row">Altitude Control</th>
      <td colspan="2" class="azm">Azimuth Control</td>
    </tr>
    <tr>
      <th scope="row"><input type="submit" name="Move" id="Move" value="Move" /></th>
      <td><input type="submit" name="Stop" id="Stop" value="Stop" /></td>
      <td><input type="submit" name="Move2" id="Move2" value="Move" /></td>
      <td><input type="submit" name="Stop2" id="Stop2" value="Stop" /></td>
    </tr>
  </table>
</form>
</body>
</html>

When the user click move button, the servo will rotates. then when button stop was clicked, the servo will stop.
I use 4 buttons because I use 2 servos for the pan and tilt.
I don’t know how to make the code for the Arduino using text finder as the previous post to connect arduino to PHP.

Here is my php code

That is not php code. It is nothing more than static html.

Where does that code live? If the Arduino is a client, making a GET request to a server to get that data, there is no way that the Arduino can render that code in a way that a user can interact with it.

If the Arduino is a server, serving up that page, then when the user interacts with the application that is rendering that data, the action method means that any interaction will generate a new GET request that the Arduino is supposed to deal with.

The question that you have tap danced around long enough is simple. Is the Arduino a client or is it a server? Post your code to show which it is.

If it is a client, I'll repeat my statement that you are going about this all wrong. You can't get data from a served client (a browser) from another client (the Arduino). It simply is not possible. The server doesn't even know which client it sent that page to, so there is no possible way to have the action method on that client send information to the Arduino as client.

The Arduino as client pulls data. The Arduino as server pushes data only in response to a pull request.

PaulS: That is not php code. It is nothing more than static html.

Where does that code live? If the Arduino is a client, making a GET request to a server to get that data, there is no way that the Arduino can render that code in a way that a user can interact with it.

The Arduino as client pulls data. The Arduino as server pushes data only in response to a pull request.

I still don't understand how to make GET request. Sorry, I'm newbie =( Before I do that, I want to ask about this. My web is consist of some page. Then the control page is not index page. The system is, only registered members are able to go to control page after login with username and password. How the arduino can render the code on the control page?

My web is consist of some page. Then the control page is not index page. The system is, only registered members are able to go to control page after login with username and password. How the arduino can render the code on the control page?

Enough tap dancing. Your Arduino is either a client or a server. There are some things it can do as a client that it can't do as a server. There are some things it can do as a server that it can't do as a client. Post your Arduino code so we can tell which it is, since you won't directly answer the question.

I get the impression, though, that you think that a client on one machine can "see" what a browser on another machine has rendered. That is NOT possible. For any client or any browser.

PaulS:
Enough tap dancing. Your Arduino is either a client or a server. There are some things it can do as a client that it can’t do as a server. There are some things it can do as a server that it can’t do as a client. Post your Arduino code so we can tell which it is, since you won’t directly answer the question.

I get the impression, though, that you think that a client on one machine can “see” what a browser on another machine has rendered. That is NOT possible. For any client or any browser.

Here is my Arduino code to knows that the arduino and user room page are connected

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

// Enter a MAC address for your controller below.
// Newer Ethernet shields have a MAC address printed on a sticker on the shield
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
// if you don't want to use DNS (and reduce your sketch size)
// use the numeric IP instead of the name for the server:
//IPAddress server(74,125,232,128);  // numeric IP for Google (no DNS)
char server[] = "192.168.0.2/TA/user_room.php";    // name address for Google (using DNS)

// Set the static IP address to use if the DHCP fails to assign
IPAddress ip(192,168,0,2);
byte gateway[] ={ 192, 168, 0, 1 };

// Initialize the Ethernet client library
// with the IP address and port of the server
// that you want to connect to (port 80 is default for HTTP):
EthernetClient client;

void setup() {
 // Open serial communications and wait for port to open:
  Serial.begin(9600);
   while (!Serial) {
    ; // wait for serial port to connect. Needed for Leonardo only
  }

  // start the Ethernet connection:
  if (Ethernet.begin(mac) == 0) {
    Serial.println("Failed to configure Ethernet using DHCP");
    // no point in carrying on, so do nothing forevermore:
    // try to congifure using IP address instead of DHCP:
    Ethernet.begin(mac, ip, gateway);
  }
  // give the Ethernet shield a second to initialize:
  delay(1000);
  Serial.println("connecting...");

  // if you get a connection, report back via serial:
  if (client.connect(server, 80)) {
    Serial.println("connected");
    // Make a HTTP request:
    client.println("GET /search?q=arduino HTTP/1.1");
    client.println("HOST: 192.168.0.2/TA/user_room.php");
    client.println("Connection: close");
    client.println();
  }
  else {
    // kf you didn't get a connection to the server:
    Serial.println("connection failed");
  }
}

void loop()
{
  // if there are incoming bytes available
  // from the server, read them and print them:
  if (client.available()) {
    char c = client.read();
    Serial.print(c);
  }

  // if the server's disconnected, stop the client:
  if (!client.connected()) {
    Serial.println();
    Serial.println("disconnecting.");
    client.stop();

    // do nothing forevermore:
    while(true);
  }
}

Then the serial monitor shows:

connecting…
connected

disconnecting.

How about this?

These are incorrect.

char server[] = "192.168.0.2/TA/user_room.php";
client.println("HOST: 192.168.0.2/TA/user_room.php");

Use these instead.

IPAddress server(192,168,0,2);
client.println("Host: 192.168.0.2");
char server[] = "192.168.0.2/TA/user_room.php";    // name address for Google (using DNS)

Does that completely useless, incorrect comment really serve any purpose?

    client.println("GET /search?q=arduino HTTP/1.1");

After connecting to some bogus server (or trying to, anyway), does this GET request really make sense? It's fine if you are talking to google. It's useless when you try to talk to some other server.

PaulS:

char server[] = "192.168.0.2/TA/user_room.php";    // name address for Google (using DNS)

Does that completely useless, incorrect comment really serve any purpose?

    client.println("GET /search?q=arduino HTTP/1.1");

After connecting to some bogus server (or trying to, anyway), does this GET request really make sense? It’s fine if you are talking to google. It’s useless when you try to talk to some other server.

I made a new code. For the example, I tried to control led using checkbox on my php. Serial monitor shows that the arduino and php are connected. But when I click the checkbox, nothing happens with the led.

Arduino code:

#if ARDUINO > 18
#include <SPI.h> // needed for Arduino versions later than 0018
#endif
#include <Ethernet.h>
#include <TextFinder.h>
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
byte ip[] = { 192, 168, 0, 2 }; // my php web
byte gateway[] ={ 192, 168, 0, 1 }; // router ip
byte subnet[] ={ 255, 255, 255, 0 };
//byte server[] = {209,85,229,147 }; // google
char server[] = "192.168.0.2/TA/user_room.php";  
EthernetClient client;
TextFinder finder( client );
float value;

void setup()
{
Serial.begin(9600);
   while (!Serial) {
    ; // wait for serial port to connect. Needed for Leonardo only
  }

  // start the Ethernet connection:
  if (Ethernet.begin(mac) == 0) {
    Serial.println("Failed to configure Ethernet using DHCP");
    // no point in carrying on, so do nothing forevermore:
    // try to congifure using IP address instead of DHCP:
    Ethernet.begin(mac, ip, gateway);
  }
  // give the Ethernet shield a second to initialize:
  delay(1000);
  Serial.println("connecting...");

  // if you get a connection, report back via serial:
  if (client.connect(server, 80)) {
    Serial.println("connected");
    // Make a HTTP request:
    client.println("GET /192.168.0.2/TA/coba_led.php?LED2=2 HTTP/1.1"); //the ip when checkbox was clicked
    //client.println("HOST: 192.168.0.2/TA/user_room.php");
    client.println("Connection: close");
    client.println();
  }
  else {
    // kf you didn't get a connection to the server:
    Serial.println("connection failed");
  }
}

void loop()
{
EthernetClient client;
if (client) {
TextFinder finder(client );
while (client.connected()) {
if (client.available()) {
// counters to show the number of pin change requests
int digitalRequests = 3; // output pin
if( finder.find("GET /") ) {
// find tokens starting with "pin" and stop on the first blank line
while(finder.findUntil("2", "\n\r")){ //value of led at button
char type = client.read(); 
int pin = finder.getValue();
int val = finder.getValue();
if( type == '2') { 
Serial.print("Digital pin ");
pinMode(3, OUTPUT);
digitalWrite(pin, HIGH);
digitalRequests++;
}
else {
Serial.print("Unexpected type ");
Serial.print(type);
}
Serial.print(pin);
Serial.print("=");
Serial.println(val);
}
}
Serial.println();
// the findUntil has detected the blank line (a lf followed by cr)
// so the http request has ended and we can send a reply
// send a standard http response header
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println();
break;
}
}
// give the web browser time to receive the data
delay(1);
client.stop();
}
}

PaulS: char server[] = "192.168.0.2/TA/user_room.php";    // name address for Google (using DNS)

Does that completely useless, incorrect comment really serve any purpose?

    client.println("GET /search?q=arduino HTTP/1.1");

After connecting to some bogus server (or trying to, anyway), does this GET request really make sense? It's fine if you are talking to google. It's useless when you try to talk to some other server.

The web to control arduino is not index.php So, how is the code?

char server[] = "192.168.0.2/TA/user_room.php";

This returns non-existent domain using nslookup. If you use the “char server”, it performs a dns lookup first. That domain does not resolve.

This does not do the dns resolution. It uses the ip directly.

IPAddress server(192,168,0,2);

Serial monitor shows that the arduino and php are connected. But when I click the checkbox, nothing happens with the led.

So, the Arduino asked the server to execute a php script and to send back the output of that script. The Arduino got some html code generated by the php script, and rendered that html code as a picture on what? You clicked the checkbox on the screen where the Arduino rendered the code?

It appears that you STILL think that the Arduino is getting some information from the client that got some information from the server. It is NOT possible for the Arduino as client to talk to another client or for another client (where you are checking the check box) to communicate with the Arduino.

Put the Arduino back in it's box, and put it away.

Go study client/server architecture, until you can see that two clients can NOT communicate directly.

Then, when you do know how client/server architecture works, get the Arduino back out IF it can do anything like you want.

PaulS:
Go study client/server architecture, until you can see that two clients can NOT communicate directly.

Then, when you do know how client/server architecture works, get the Arduino back out IF it can do anything like you want.

After I’d go to study, I think my project doesn’t works well because Arduino is not possible as client. Finally, I use arduino web server to control my servo. But I’ve some problems, when I click button to control one servo, it doesn’t stop when it’s move. Here’s my sketch:

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

#include <Servo.h> 
Servo altitude;  // create servo object to control a servo1
Servo azimuth;  // create servo object to control a servo2

byte mac[] = { 0x90, 0xA2, 0xDA, 0x0D, 0x78, 0xEC }; //physical mac address
byte ip[] = { 192, 168, 0, 3 }; // ip in lan
byte gateway[] = { 192, 168, 0, 1 }; // internet access via router
byte subnet[] = { 255, 255, 255, 0 }; //subnet mask
EthernetServer server(80); //server port


String readString; 

void setup(){

  Ethernet.begin(mac, ip, gateway, subnet);
  server.begin();

  altitude.write(180); //set initial servo1 position if desired
  azimuth.write(180); //set initial servo2 position if desired
  
  altitude.attach(9);  //the pin for the servo1 control
  azimuth.attach(8);  //the pin for the servo2 control
  //enable serial data print 
  Serial.begin(9600); 
  Serial.println("server servo/pin 9,8 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() < 100) {

          //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.print("<html><head>");
          client.print("<title>Halaman Kontrol</title>");
          client.println("</head>");
          client.print("<body bgcolor='#3399FF'>");
          client.println("<center><p><h1>Sistem Kendali Teleskop </h1></p><center><hr>
");
          
          client.println("<form  method=get name=form>");
          client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?altitude\"\">ALTITUDE</a></button>");
          client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?alt_stop\"\">STOP</a></button>");
          client.println("
"); 
          client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?azimuth\"\">AZIMUTH</a></button>");
           client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?zm\"\">STOP</a></button>");
          client.println("</form>
");
          
          client.println("</html></body>");
          
         delay(100);
          //stopping client
          client.stop();
          
        if(readString.indexOf("altitude") >0){
        for (int i = 0 ; i <=180; i=i+10){
            altitude.write(i);
            delay (1000); 
          }
}

 if(readString.indexOf("alt_stop") >0){
            altitude.write(0);
            delay (1000); 
        }
        
         if(readString.indexOf("azimuth") >0){
             for (int i = 0 ; i <=180; i=i+10){
            azimuth.write(i);
            delay (1000);
          }  
          
          if(readString.indexOf("azm_stop") >0){
            azimuth.write(0);
            delay (1000); 
        }
}
           readString="";
        }
      }
    }
  }
}

The second question is, I want to insert html code from webcam software, named “webcam xp”. It is for streaming.
Can I insert this code in one table on arduino web server?

<th scope="col"><script type="text/javascript">
  var height_array = new Array();
  var width_array = new Array();
  width_array[1] = 640;
  height_array[1] = 480;
</script>
<img src="http://DESSY-PC:8080/loading.jpg" class="webcam" id="webcam1" onmousedown="PTZMouseDown1(event)" width="640" height="480" alt="Live Stream" />
<script type="text/javascript">
<!--
currentCamera1= 1;
errorimg1= 0;
document.images.webcam1.onload = DoIt1;
document.images.webcam1.onerror = ErrorImage1;
function LoadImage1()
{
        uniq1 = Math.random();
        document.images.webcam1.src = "http://DESSY-PC:8080/cam_" + currentCamera1 + ".jpg?uniq="+uniq1;
        document.images.webcam1.onload = DoIt1;
}
function PTZMouseDown1(e)
{
        var IE = document.all?true:false;
        var x,y;
        var myx,myy;
        var myifr = document.getElementById("_iframe-ptz");
        tp = getElPos1();
        myx = tp[0];
        myy = tp[1];
        if(IE){
        var scrollX = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
        var scrollY = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
        x = event.clientX - myx + scrollX;
        y = event.clientY - myy + scrollY;
        } else {
        x = e.pageX - myx;
        y = e.pageY - myy;
        }
        if ((width_array[currentCamera1] != null) && (width_array[currentCamera1] > 0)) x = Math.round((x * 400) / width_array[currentCamera1]);
        if ((height_array[currentCamera1] != null) && (height_array[currentCamera1] > 0)) y = Math.round((y * 300) / height_array[currentCamera1]);
        if (x > 400) x = 400;
        if (y > 300) y = 300;
        if (myifr != null) myifr.src = "http://DESSY-PC:8080/ptz?src=" + currentCamera1 + "&moveto_x=" + x + "&moveto_y=" + y +"";
        return true;
}
function getElPos1()
{
            el = document.images.webcam1;
            x = el.offsetLeft;
            y = el.offsetTop;
            elp = el.offsetParent;
            while(elp!=null)
              { x+=elp.offsetLeft;
                y+=elp.offsetTop;
                elp=elp.offsetParent;
              }
            return new Array(x,y);
}
function ErrorImage1()
{
        errorimg1++;
        if (errorimg1>3){
              document.images.webcam1.onload = "";
              document.images.webcam1.onerror = "";
              document.images.webcam1.src = "offline.jpg";
              }else{
                uniq1 = Math.random();
            document.images.webcam1.src = "http://DESSY-PC:8080/cam_" + currentCamera1 + ".jpg?uniq="+uniq1;
              }
}
function DoIt1()
{
        errorimg1=0;
        window.setTimeout("LoadImage1();", 40);
}
//-->
</script>
</th>

because Arduino is not possible as client.

Yes, it is, when you understand what a client is and what a client talks to (a server, not another client).

        //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();

Regardless of what the client asked for, give it what YOU think it needs. Wrong!!!

client.println("<a href="/?altitude"">ALTITUDE");
client.println("<a href="/?alt_stop"">STOP");

Why do you have two buttons named b? Do you have two brothers named Darryl, Darryl?

          client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?azimuth\"\">AZIMUTH</a></button>");
           client.println("<button name=b value=1 type=submit style=height:80px;width:150px><a href=\"/?zm\"\">STOP</a></button>");

Oh, wait, make that 4 buttons named b.

        if(readString.indexOf("altitude") >0){
        for (int i = 0 ; i <=180; i=i+10){
            altitude.write(i);
            delay (1000); 
          }

Assuming that the client did include “altitude” in the request, this block will take 18 seconds to move the servo from 0 to 180 degrees. I fail to see how this is a relevant thing to do.

I would expect your server to have 4 buttons, named right, left, up, and down. Each request containing “right” would cause the position of one servo to be incremented by 1. Each request containing "left"would cause the position of one servo to be decremented by 1.

Each request containing “up” would cause the position of the other servo to be incremented by 1. Each request containing "down"would cause the position of that servo to be decremented by 1.

There would be no stop buttons on my page.

There might be fields where the step size could be entered. The GET request would then contain “button=right&amount=n”, and you’d need to parse the statement to get the direction and the amount.

Alternatively, there might be 2 or three buttons for each direction (something like right one degree, right 5 degrees, right 20 degrees, etc.).

The second question is, I want to insert html code from webcam software, named “webcam xp”. It is for streaming.
Can I insert this code in one table on arduino web server?

You can have the Arduino serve up a page that contains a placeholder for the camera image, and a source tag that says “go get the data to display here from somewhere else”. You can NOT expect the Arduino to serve up the image data.