Ayuda con añadir Loading ._.

NaikiOwned · #1 (**permalink**) 18/01/2010, 15:21

Hola a todos estoy siguiendo un tutorial para poder mostrar una imagen de cargando antes que me cargue la pagina en ajax, el problema es que no me sale y en los comentarios dicen que esta bien...trate seguir de otro ejemplo y lo mismo paso, me carga la pagina pero no me sale lo que deberia salir cuando el evento esta en = 1, nose si hay que activar algun permiso o algo pero es curioso que a mi noma no me corra T_T...help

Código PHP:

  function Enviar(_pagina,capa) {
var
ajax;
ajax = ajaxFunction();

ajax.open("POST", _pagina, true);

ajax.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
ajax.onreadystatechange = function()
{
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = 
"<img src='loading.gif' />";
}

if (ajax.readyState == 4)
{
document.getElementById(capa).innerHTML =
ajax.responseText;

}}
ajax.send(null);
}

Código PHP:

  <script type="text/javascript" src="js/ajax.js"></script>
<style type="text/css"> </style>
</head>
<body class="thrColElsHdr">
<div id="container">
  <div id="header">
    <h1>Encabezado</h1>

<div id="sidebar1">
<ul>
<li><a href="javascript:Enviar('register.php','mainContent')" title="Registrate">Registro</a></li>
<li><a href="javascript:Enviar('register.php','mainContent')" title="Registrate">Registro</a></li> 
<li><a href="javascript:Enviar('register.php','mainContent')" title="Registrate">Registro</a></li> 
</ul>
</div>

  <div id="mainContent">
  <span id="loading"></span>  // EL TUTORIAL DICE Q LO PONGA PERO NO SE PARA QUE ES NI CUANDO SE EJECUTA...PODRIA SER ESTE EL PROBLEMA?
    <h1> Contenido principal </h1>

jackson666 · #2 (**permalink**) 18/01/2010, 15:46

Código Javascript:

Ver originalfunction Enviar(_pagina,capa) {
 
// Supongo que aca instancias un objeto desde una funtion externa
var ajax = ajaxFunction();
 
ajax.open("POST", _pagina, true);
 
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
ajax.onreadystatechange = function(){
 
    if (ajax.readyState == 4){
    
        if(ajax.status == 200){
        
             document.getElementById(capa).innerHTML = ajax.responseText;
        
        }else{ document.getElementById(capa).innerHTML = "<img src='loading.gif' />"; }
    
    }else{ document.getElementById(capa).innerHTML = "<img src='loading.gif' />"; }
    
    }
 
// Esto esta mal. Estas usando el metodo POST, no pasas ningun dato por las cabeceras??
ajax.send(null);
}

Eso por un lado.

Por otro lado, tenes hecho el "register.php"? Que devolves ahi?

NaikiOwned · #3 (**permalink**) 18/01/2010, 17:23

si tengo un register.php y normal si me carga lo unico q no me sale es el loading (readyState==1).

sobre el primer comentario de tu scrip, si es que entendí te digo que las funciones para el ajax están en un archivo aparte que lo jalo por la cabecera en el index.php, aparte de eso segun el tutorial no hay nada mas en la cabecera.

sobre el segundo comentario "ESTO esta mal" a que te refieres, por que asi con POST me carga la pagina register.php normal, también veo que has hacer un script con tus correcciones usando post lo que me confundo mas o no se entender T_T ....espero me puedas o puedan ayudar.

pd: por si las moscas estoy siguiendo de aqui http://guedea.blogspot.com/2008/09/c...ding-ajax.html

jackson666 · #4 (**permalink**) 19/01/2010, 07:33

Disculpa la sinceridad, pero si no tienes ni la mas minima idea de lo que estas haciendo sera muy dificil ayudarte....

Sabes que son los metodos POST y GET? Supondre que si...

Lo que yo te digo que esta "mal" es que si no le estas pasando ningun parametro al php que abris, para que usas POST? O sea, tenes codigo demas.... A eso voy

Con readyState y status lo que haces es preguntar por los estados de la peticion... Los estados que yo puse ahi hacen referencia al momento que la peticion termino satistfactoriamente, o sea que el archivo fue encontrado y la respuesta es correcta. Con el "else" hago que en cualquier otro caso muestre una imagen de loading.

Por las dudas fijate por google asi entendes que significa cada estado...

Lo que si no entendi es si te funciono o no....