Es mas o menos asi:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="Author" content="Pepe Molina (
[email protected])">
<LINK REL="SHORTCUT ICON" HREF="../caricatos.ico">
<title>
Para Meta
</title>
<style>
.contenedor {
border: 3px inset gray;
margin: 2em;
}
</style>
<script>
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, capa){
var contenido;
contenido = document.getElementById(capa);
//creamos el objeto XMLHttpRequest
ajax= new NuevoAjax();
//peticionamos los datos, le damos la url enviada desde el link
ajax.open("GET", url, true);
ajax.onreadystatechange=function(){
if(ajax.readyState==1){
contenido.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;
inicio();
//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);
}
function actua(url, capa) {
this.url = url;
this.capa = capa;
}
carga = new Array();
cargaActual = 0;
carga[0] = new actua("frasephp.php?posi=6", "capa1");
carga[1] = new actua("frasephp.php?posi=645", "capa2");
carga[2] = new actua("frasephp.php?posi=126", "capa3");
carga[3] = new actua("frasephp.php?posi=65", "capa4");
function inicio() {
if (cargaActual < carga.length) Cargar(carga[cargaActual].url, carga[cargaActual++].capa);
// Cargar("frasephp.php?posi=6", "capa1");
}
window.onload=inicio;
</script>
</head>
<body>
<div id="capa1" class="contenedor">
</div>
<div id="capa2" class="contenedor">
</div>
<div id="capa3" class="contenedor">
</div>
<div id="capa4" class="contenedor">
</div>
</body>
</html>