Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Pablo Videla en 18 Noviembre 2011, 14:41 pm



Título: JQuery imagen de espera hasta completar respuesta[SOLUCIONADO]
Publicado por: Pablo Videla en 18 Noviembre 2011, 14:41 pm
Estimados, tengo un pequeño problema, lo que pasa es que estoy trabajando con JSF y debo hacer que al apretar un click, salga un gif de espera y solo se oculte al cargar la pagina que debe ir. La cosa es que no deseo colocar a que pagina va desde jquery porque eso lo hace solo.

posteo codigo.


Código
  1.  
  2. <script type="text/javascript" src="/resources/javascript/jquery-1.3.2.min.js"/>
  3.  
  4. <script>
  5. $(document).ready(function(){
  6.  
  7.  $(".funciona").click(function(evento){ //Escucho el styleclass funciona
  8. //   var valorAlmacenado = "#{menuBackingMB.vistaActual}" //pagina actual
  9. evento.preventDefault();
  10. $("#cargando").css("display", "block");
  11. /*Aca deberia esperar a que se carge el contenido de ese valor almacenado para ocultar la imagen, pero la cosa es que quiero hacerlo de otra forma, que simplemente escuche que la respuesta del boton se completo y ahi ocultar la imagen, se puede hacer esto? */
  12. $("#contenidoform\\:contenido").load( function(){
  13. $("#cargando").css("display", "none"); //aqui oculto la imagen
  14.  
  15. }).hide();
  16. });
  17. });
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. </script>
  25.  

Solucion : El codigo esta bien, el problema es donde estaba puesto el div xD al renderizar la pagina se escribia el div de la imagen y entonces se desaparecia antes de lo debido.