Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/07/2008, 01:40
Belial_Dante
 
Fecha de Ingreso: julio-2008
Ubicación: Málaga
Mensajes: 4
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Ayuda con la precarga de capas

Cita:
Iniciado por sando Ver Mensaje
Es mas o menos asi:

Código:
<!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>
Ya probé a insertar el código fuente de la página e introducirlo en la mia tal cual, pero no funciona, me destroza la estética de la mia al completo.

¿Será porque es un código incompatible con MooTools?
Ya de por sí tuve problemas para poder usar Accordion y SmoothGallery2.0 las 2 a la vez y sobre capas DIV, puesto que crea un conflicto.