Mostrar Imagen Loading

[maycolalvarez]

los eventos en xajax 0.5 son: xajax.callback.global.onRequest y xajax.callback.global.beforeResponseProcessing

adapta este código según tus necesidades al final de tus paginas

Código javascript:

<script type="text/javascript">
if(typeof(xajax)!='undefined'){
    if(xajax!=null){
        xajax.callback.global.onRequest = function() {
            document.getElementById('load_animate').style.display='';
        }
        xajax.callback.global.beforeResponseProcessing = function() {
            document.getElementById('load_animate').style.display='none';
        }
    }
}else{
    document.getElementById('load_animate').style.display='none';
}
</script>
 

y el css correspondiente lo puede aplicar como desees:

Código CSS:

#load_animate{
    position:fixed;
    left:40%;
    top:0px;
    z-index:500;
    height:13px;
    width:208px;
    background-image:url(../img/loading_bar.gif);
    background-repeat:no-repeat;
}