Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/11/2010, 07:12
Avatar de mc_quake
mc_quake
 
Fecha de Ingreso: enero-2006
Ubicación: www.ecocargo.cl
Mensajes: 683
Antigüedad: 18 años, 10 meses
Puntos: 8
Respuesta: Imagen cargando, mientras se realiza el informe

pon esto en el head

Código HTML:
#preloader{
        margin:10px;
        width:220px;
        height:19px;
        padding:0;
        float:left;
}
</style>
<script language = "javascript">
var peticion = false; 
if (window.XMLHttpRequest) {
      peticion = new XMLHttpRequest();
      } else if (window.ActiveXObject) {
            peticion = new ActiveXObject("Msxml2.XMLHTTP");
}


function ObtenerDatos(datos,divID) { 
if(peticion) {
     var obj = document.getElementById(divID); 
     peticion.open("GET", datos); 
     peticion.onreadystatechange = function()  { 
	 
	 if(peticion.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(peticion.readyState==4){
                        if(peticion.status==200){
                                //mostramos los datos dentro de la div
                                obj.innerHTML = peticion.responseText;
                                preloader.innerHTML = "";
                                preloader.style.background = "url('') no-repeat";
                        }else if(peticion.status==404){
                                preloader.innerHTML = "La página no existe";
                        }else{
                                //mostramos el posible error
                                preloader.innerHTML = "Error:".peticion.status; 
                        }
                }

          //if (peticion.readyState == 4) { 
           //    obj.innerHTML = peticion.responseText; 
          //} 
     } 
peticion.send(null); 
}
}
y en el contenido de preferencia al final del codigo poner este
Código HTML:
<div id="preloader" STYLE="position:absolute; top:26px; left:365px;">Este es el preloader</div> 
con esto das la posisicon:STYLE="position:absolute; top:26px; left:365px;"

la imagen de cargando en el codigo javascrip cambiar ruta y tener una imagen: "url('loading.gif')
__________________
Mc_Quake

Para ayudar en lo que se pueda:Zzz: