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

// asynchrone Anfrage zum Webserver senden
function send_to_server(id)
{
   if (id == "") // wenn id ist ein Leertext ist, wurde die Funktion vom Button "Anzeigen" aufgerufen
   {
      ahro.open("POST", "loeschliste.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_from_server;
      ahro.send("");
   }
   else // die Funktion wurde vom Button "Loeschen" aufgerufen
   {
      // 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", "loeschen.php", true);
      ahro.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      ahro.onreadystatechange=receive_from_server;
      ahro.send(http_parameter);
   }

   document.getElementById('knopf').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_antwort').innerHTML = ahro.responseText;
      document.getElementById('knopf').disabled=false;
   }
}

</script>

</head>
<body>
<div style="position:absolute; top:20px; left:10px; width:600; height:100px; background-color:red;">
<div align="center">
<table border="0" cellpadding="5" bgcolor="green">
<tr><td align="center"><b>TELEFONBUCH::EINTRAG LÖSCHEN</b><br><hr></td></tr>
<tr><td align="right">
<input type="button" id="knopf" value="Anzeigen" onClick="send_to_server('')">
</td></tr>
</table>
</div>
</div>

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