/home/claudeg/dev/AJAXWebApp/web/index.jsp
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">   

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>AJAX Sample</title>
</head>

<body>
   
    
<script language="javascript">
<!--

var req;

function loadXMLDoc(url) 
{
    
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {        
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function processReqChange() 
{
    // only if req shows "complete"
    if (req.readyState == 4) {
    
        // only if "OK"
        if (req.status == 200) {                        
            response  = req.responseXML.documentElement;
            resptext    = response.getElementsByTagName('responsetext')[0].firstChild.data; 
            rowindex =   response.getElementsByTagName('row')[0].firstChild.data; 
            
            rowindex = rowindex - 1;
            
            var tbl = document.getElementById('tblSample');
            tbl.rows[rowindex].cells[1].innerHTML = resptext;
                       
         } else {
                alert("There was a problem retrieving the XML data:\n" + req.statusText);
         }
    }
}


// -->
</script>       



<h1>AJAX Sample</h1>    

<p>
Row Zelle anklicken, dann wird der Text in der zweiten
Spalte ersetzt. 

<table border="1" id="tblSample">  
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=1')">Row 1</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=2')">Row 2</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=3')">Row 3</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=4')">Row 4</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=5')">Row 5</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=6')">Row 6</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=7')">Row 7</td>  <td>Text</td> </tr>
  <tr>  <td onclick="loadXMLDoc('response.jsp?row=8')">Row 8</td>  <td>Text</td> </tr>
</table>    
    
<p>
    
</body>
</html>