Tema: Enviar petición y mientras mostrar "mensaje"
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 20/12/2010, 15:42
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 8 meses
Puntos: 20
Respuesta: Enviar petición y mientras mostrar "mensaje"
Cita:
Iniciado por alfcm Ver Mensaje
no tienes incluido la libreria JQUERY, descargalo de internet y luego modificas el head de tu html, lo pones como primera linea esto:
<script src="tucarpetalibrerias/jquery.js" type="text/javascript"></script>
Cierto, no sé porque pensé que en este ejemplo no me hacia falta, error mio.

Ahora ya no dá ningún error de debug, y la petición veo a través del firebug que la envia y recibe, pero no hay manera de que salga la imagen

Este es el código.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  6. <script type="text/javascript">
  7. $.ajax(
  8.         {
  9.             url:'procesa.php',
  10.             type:'POST',
  11.             //data:'id='+prod,
  12.             data:'user=5',
  13.             beforeSend:function(objeto){ 
  14.                 $('#carga').css({display:'block'});
  15.             },
  16.             complete:function(){$('#carga').css('display','none');}
  17.         }
  18.     );
  19. </script>
  20. </head>
  21. <body>
  22. <div id="formulario">
  23.     <form method="post" action="procesa.php">
  24.         <fieldset>
  25.             <legend>Registrarse</legend>
  26.             <div class="medidas">
  27.                 <label for="user">Usuario:</label>
  28.                 <input id="user" name="user">
  29.             </div>
  30.             <div class="medidas">
  31.                 <label for="pass">Contraseña:</label>
  32.                 <input type="password" id="pass" name="pass">
  33.             </div>
  34.             <div class="check">
  35.                 <input type="checkbox" id="remember" name="remember">
  36.                 <label for="recordar">Recordar mi nombre de usuario</label>
  37.             </div>
  38.         </fieldset>
  39.         <div>
  40.         <input type="submit" id="login" value="Ingresar">
  41.         </div>
  42.     </form>
  43. </div>
  44. <div id="carga" style="display:none">
  45.     <img src="cargando.gif" />
  46. </div>
  47. </body>
  48. </html>

Si quito la el display:none del la linea <div id="carga" style="display:none"> sí que se muestra la imagen, así que descarto un problema de ruta no?

Alguna otra idea?

Muchas gracias