<html>
<head>



<script language="JavaScript" src="utility_funktionen.js"></script>
<script language="JavaScript">

// Globales Ajax-Objekt erzeugen
ako = new ErzeugeAJAXObjekt();

//Globales Ajax-Kommunikationsobjekt erzeugen
ahro = ako.erzXMLHttpRequestObject();

function eintippen(e)
{
  if (e.keyCode == 13) // RETURN-Taste
  {
     send_to_server('');
  }
}

function taste_update(e,id)
{
  if (e.keyCode == 13) // RETURN-Taste
  {
     send_update(id);
  }
}

// asynchroner Update zum Webserver senden
function send_update(id)
{
   // Werte aus den Eingabefeldern auf lokale Variablen speichern
   id=document.getElementsByName("id")[0].value;
   zuname=document.getElementsByName("zuname")[0].value;
   vorname=document.getElementsByName("vorname")[0].value;
   telefon=document.getElementsByName("telefon")[0].value;
   email=document.getElementsByName("email")[0].value;
   adresse=document.getElementsByName("adresse")[0].value;
   info=document.getElementsByName("info")[0].value;

   // Eingegeben Werte auf erlaubte Zeichen pr�fen
   if (!myCheckInput(zuname,vorname,telefon,email,adresse,info))
      return;  // im Fehlerfall --> Abbruch

   $myform=document.getElementById("myform");

   // hidden iframe-Anfrage zum Webserver senden:
   // da das Formular (weiter unten) auch alle Eingabefelder (namen anstelle id) und den Button umschliesst
   // werden vom Webbrowser ALLE Benutzereingaben der Eingabefelder durch myFileUpload() unverschl�sselt
   // an den Webserver (erfassen.php) gesendet
   myFileUpload($myform, 'aendern.php', 'ort_der_antwort');

   // Oberflaechenelemente deaktivieren
   myGUIdisable(true);

   // Bild nachladen
   // Achtung: ladebild.php musss ca. 2 Sekunden verzoegern
   ladebild(id,2);
}

// asynchrone Anfrage zum Webserver senden
function send_to_server(id)
{
   if (id == "")
   {
      zuname=document.getElementById("zn").value;
      vorname=document.getElementById("vn").value;
      zuname=my_encode(zuname);
      vorname=my_encode(vorname);
      http_parameter="zuname="+zuname+"&vorname="+vorname;

      ahro.open("POST", "aendernliste.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_from_server;
      ahro.send(http_parameter);
   }
   else
   {
      // Zahl in Text umwandeln (Verschluesseln von einer Zahl ist nicht moeglich)
      id=String(id);

      // Text verschluesseln
      id=my_encode(id);

      http_parameter="id="+id;

      ahro.open("POST", "aendernmaske.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_from_server;
      ahro.send(http_parameter);

   }

   document.getElementById('zn').disabled=true;
   document.getElementById('vn').disabled=true;
   document.getElementById('kn').disabled=true;

   document.getElementById('ort_der_antwort').innerHTML = "Bitte warten ..."
}

// asynchrone Anwort von Webserver
function receive_from_server()
{
   if (ahro.readyState == 4)
   {
      document.getElementById('ort_der_maske').innerHTML = ahro.responseText;
      document.getElementById('ort_der_antwort').innerHTML = "";

      document.getElementById('zn').disabled=false;
      document.getElementById('vn').disabled=false;
      document.getElementById('kn').disabled=false;
   }
}

function ladebild(id,time)
{
      id=my_encode(String(id));
      time=my_encode(String(time)); // seconds
      http_parameter="id="+id+"&time="+time;

      ahro.open("POST", "ladebild.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_bild;
      ahro.send(http_parameter);
}

function receive_bild()
{
   if (ahro.readyState == 4)
   {
     document.getElementById('aktbild').innerHTML = ahro.responseText;
   }
}

function loeschebild(id)
{
      id=my_encode(String(id));
      http_parameter="id="+id;

      ahro.open("POST", "loeschebild.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_loeschebild;
      ahro.send(http_parameter);
}

function receive_loeschebild()
{
   if (ahro.readyState == 4)
   {
     document.getElementById('aktbild').innerHTML = ahro.responseText;
   }
}

</script>

</head>
<body>
<div style="position:absolute; top:20px; left:10px; width:800; height:100px; background-color:red;">
<div align="center">
<table border="0" cellpadding="5" bgcolor="green">
<tr><td align="center"><b>TELEFONBUCH::EINTRAG ÄNDERN</b><br></div><hr></td></tr>
<tr><td align='center'>
<b>Zuname<b> <input type='text' id='zn' value='' onKeyPress="eintippen(event)">
<b>Vorname<b> <input type='text' id='vn' value='' onKeyPress="eintippen(event)">
<input type='button' id='kn' value='Anzeigen' onClick="send_to_server('')">
</td></tr>
<tr><td align='center'> <hr>Bitte Zuname und Vorname eingeben.</td></tr>
</table>
</div>
</div>

<form id="myform">
<div id="ort_der_maske" style="position:absolute; top:250px; left:190px; width:200px; height:20; background-color:yellow;">
</div>
</form>

<div id="ort_der_antwort" style="position:absolute; top:200; left:190px; width:200px; height:20; background-color:yellow;">
</div>

</body>
</html>