Gracias caricatos por tu respuesta. Probé tu solución y efectivamente responde a lo que solicité
. No obstante, posteriormente me decidí por el script AJAX que mencioné al principio. Esto porque me permite la carga individual de los módulos según vayan conectándose con sus servidores. El problema es que la carga se efectúa sólo al hacer clic; lo ideal es que comiencen a cargarse directo (aunque luego el usuario actualice con un clic). El tutorial aparece
aquí, pero de todas formas pego el script, publicado por
dave73 en Cristalab.com:
Código PHP:
function NuevoAjax(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Cargar(url){
var contenido, preloader;
contenido = document.getElementById('contenido');
preloader = document.getElementById('preloader');
//creamos el objeto XMLHttpRequest
ajax=NuevoAjax();
//peticionamos los datos, le damos la url enviada desde el link
ajax.open("GET", url,true);
ajax.onreadystatechange=function(){
if(ajax.readyState==1){
preloader.innerHTML = "Cargando...";
//modificamos el estilo de la div, mostrando una imagen de fondo
preloader.style.background = "url('loading.gif') no-repeat";
}else if(ajax.readyState==4){
if(ajax.status==200){
//mostramos los datos dentro de la div
contenido.innerHTML = ajax.responseText;
preloader.innerHTML = "Cargado.";
preloader.style.background = "url('loaded.gif') no-repeat";
}else if(ajax.status==404){
preloader.innerHTML = "La página no existe";
}else{
//mostramos el posible error
preloader.innerHTML = "Error:".ajax.status;
}
}
}
ajax.send(null);
}
No tengo ni idea de cómo habilitarle esa función. De tanto buscar en Google encontré algo sobre el readystate, pero no supe cómo modificar eso ni nada.