El error lo dá en la función cargaContenido en la línea donde dice: if (req.status == 200){
Ahí va mi codigo:
function conexionAjax(){
var req = false;
if (window.XMLHttpRequest){
// Mozilla, Safari etc.
req = new XMLHttpRequest ();
}else if (window.ActiveXObject){
// IE
try{
req = new ActiveXObject ("Msxml2.XMLHTTP");
}catch (e){
// versión antigua IE
try{
req = new ActiveXObject ("Microsoft.XMLHTTP");
}catch (e){}
}
}else{
document.getElementById(contenedor).innerHTML = "Lo sentimos, tu navegador no es apto para nuestra web";
}
return req;
}
function traeContenido (url, contenedor) {
var req = new conexionAjax();
req.onreadystatechange = function (){cargaContenido(req,contenedor); }
req.open ('GET', url, true);
req.setRequestHeader("Content-Type", "text/html");
req.setRequestHeader("Cache-Control","no-cache, must-revalidate");
// req.setRequestHeader("Expires","Mon, 26 Jul 1997 05:00:00 GMT");
req.send (null);
}
function cargaContenido(req,contenedor){
// Referencia a nuestro DIV con ID unica:
var capa = document.getElementById(contenedor);
// Se ha completado la carga de datos
if (req.readyState==4){
if (req.status == 200){
capa.innerHTML = "capa:"+contenedor+"<br/>"+req.responseText;
}else if (req.status == 404){
capa.innerHTML = "URL no encontrada en el servidor";
}
}else{
// cargando...
capa.innerHTML = '<img src="img/espiral.gif" align="absmiddle" alt="cargando..."/>';
}
}