Tienes toda la razon, aquí la solución:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calendario AJAX</title>
<script type="text/javascript">
Código PHP:
function ajaxFunction()
{ var xmlHttp;
try { xmlHttp=new XMLHttpRequest();return xmlHttp; }
catch (e) { try { xmlHttp=new ActiveXObject('Msxml2.XMLHTTP');return xmlHttp; }
catch (e) { try { xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');return xmlHttp; }
catch (e) { alert('Your browser does not support AJAX!');return false; }
}}}
function createTable()
{
var ajax=new ajaxFunction();
ajax.open('POST','xml/emperors.xml',true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
if (ajax.status==200)
{
b(ajax.responseXML);
}
}
}
ajax.send('');
}
function b(a)
{
var table = a.getElementsByTagName('table');
table=table.item(0);
var t=document.createElement('table');
var b=document.createElement('tbody');
var tr = table.getElementsByTagName('tr');
for(i=0;i<tr.length;i++)
{
var r=document.createElement('tr');
var td=tr[i].getElementsByTagName('td');
for(j=0;j<td.length;j++)
{
if (td[j].nodeType != 1) continue;
var d=document.createElement('td');
d.className=td[j].getAttribute('class');
var tmp=document.createTextNode(td[j].firstChild.nodeValue);
d.appendChild(tmp);
r.appendChild(d);
}
b.appendChild(r);
t.appendChild(b);
}
document.getElementById('writeroot').appendChild(t);
}
createTable();
Código HTML:
</script>
</head>
<body>
<div id="writeroot">
</div>
</body>
</html>