<script language="javascript">
function createReqObj(){
  brws = navigator.appName;
  if(brws == "Microsoft Internet Explorer")
    rq = new ActiveXObject("Microsoft.XMLHTTP");
  else rq = new XMLHttpRequest(); return rq;
}

rqo = createReqObj();

function requesT_1(){
  rqo.open('get', 'sort1.php');
  rqo.onreadystatechange = receivE;
  rqo.send(null);
}
function requesT_2(){
  if(document.forms[0].elements[1].checked==false){
    alert("Bitte klicken Sie zuerst auf AJAX DEMO 1. Danke.");
    return
  }
  rqo.open('get', 'sort2.php');
  rqo.onreadystatechange = receivE;
  rqo.send(null);
}
function requesT_3(wert){
  if(document.forms[0].elements[2].checked==false){
    alert("Bitte klicken Sie zuerst auf AJAX DEMO 2. Danke.");
    return
  }
  rqo.open('get', 'sort3.php?id='+wert);
  rqo.onreadystatechange = receivE_2;
  rqo.send(null);
}

function receivE(){
  if(rqo.readyState == 4){
    document.getElementById("liste").innerHTML = rqo.responseText;
  }
  return
}
function receivE_2(){
  if(rqo.readyState == 4){
    document.getElementById("my_div").style.visibility = "visible";
    document.getElementById("my_div").innerHTML = rqo.responseText;
  }
  return
}
</script>



<?php

$i = 0;

$con = mysql_connect("host","datenbank","passwort");

if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("datenbank", $con);
$result = mysql_query("SELECT id, name, strasse, ort, telefon, email
FROM ducks order by name");

echo "<div  id='liste'>";
echo "<table align='center' class='tips' style='width:820px;'>";
echo "<tr onclick=requesT_2() alt='Umsortieren' title='Umsortieren'
style='font-weight:bold;cursor:pointer;'>";
echo "<td>Name  <img src='runter.gif'
style='cursor:pointer;'/></td>";
echo "<td>Staße</td>";
echo "<td>Ort</td>";
echo "<td>Telefon</td>";
echo "<td>Email</td>";
echo "</tr>";

while($row = mysql_fetch_array($result))
  {
  $i++;
  if(round($i/2) == $i/2){
    echo "<tr onClick=requesT_3(this.id) id='" . $row['id'] ."' class='a'
    onmouseover=this.className='c' onmouseout=this.className='a'><td>"
     . $row['name'] . "</td><td>" . $row['strasse'] .
    "</td><td>" .$row['ort'] . "</td><td>" . $row['telefon']
     . "</td><td>" . $row['email'] . "</td></tr>";
    }else{
    echo "<tr onClick=requesT_3(this.id) id='" . $row['id'] ."'
    class='b' onmouseover=this.className='c' onmouseout=this.className='b'>
    <td>" . $row['name'] . "</td><td>" . $row['strasse']
     . "</td><td>" .$row['ort'] . "</td><td>"
     . $row['telefon'] . "</td><td>" . $row['email'] . "</td></tr>";
  }
}

echo "<tr><td colspan=5 align='center'>";
echo "<br>";
echo "<form>";
echo "<b>Nur DHTML</b> <input type='radio'
     name='ajax' checked></input>    ";
echo "<b>AJAX DEMO 1</b> <input type='radio'
     name='ajax'></input>    ";
echo "<b>AJAX DEMO 2</b> <input type='radio'
     name='ajax'></input>";
echo "</form>";
echo "</td></tr>";
echo "</table>";

mysql_close($con);

?>