Mmm, pues lo que puedes hacer es crear otra funcion que cargue pagina externa...y dentro de la primera, osea la que carga datos.php , ponerle en esa funcion que llame a otra, que seria la que cargaria detalles.php:
//Funcion cargarContenido , que es la carga datos.php//solo pongo las linea que cambiara:
Código HTML:
if (ajax.readyState==4 ) {
contenedor.innerHTML = ajax.responseText;
cargarContenido2('detalles.php','otro');
}
//Funcion cargarContenido2, que es la cargaria detalles.php
Código HTML:
function cargarContenido2(archivo,divID){
var contenedor;
var nombre;
contenedor = document.getElementById(divID);
contenedor.innerHTML = '<center> <img src="loader.gif" /> </center>';
ajax=nuevoAjax();
ajax.open("GET","detalles.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4 ) {
contenedor.innerHTML = ajax.responseText;
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(null)
}
Ahh y me imagino que las quieres cargar en diferente div... defines otro... y cuando llames al a funcion cargarContenido2,le pones el paraemtro del nuevo div.
Espero y eso sea lo q quieres... tambien lo probe y funciona.