Foro de elhacker.net

Hola. Estoy haciendo una aplicación de gestión y para darle una mejor estética a la hora de cargar los datos he pensado en implementar el típico gif animado que aparezca durante dicha carga. Estoy usando el frameworks grails (aunque esto es indiferente). El tema es que quiero que cada vez que se pinche en un link, salga el gif, y cuando se termine de cargar la página siguiente, desaparezca. Bien, ya está logrado, un evento onClick() en los enlaces que cambia el estilo de un div que está oculto y listo.

El problema radica en que no puedo meter eventos en los enlaces, ya que el framework lo organiza a su manera y esto no es posible. Así que he pensado en meter un evento global de tipo document.onClick() y funcionar, funciona, pero me muestra el gif tanto si se pincha en un enlace como en cualquier otra cosa, incluso donde no hay nada. ¿Alguna idea para solucionar esto?

Yo pensé en que ya que los eventos globales son mi única posibilidad, quizás habría manera de detectar si se ha pinchado un botón o no se ha pinchado nada, pero le he estado dando vueltas con el firebug y no he encontrado nada tan diferenciador como para tenerlo en cuenta.

P.D.: Ya sé que si buscas un poco sobre esto, la gente mete el gif en la página que se carga, no en la que estás, pero eso no es lo que busco porque entonces el gif apenas se verá (ya lo he probado).

Gracias de antemano.

Yo pondría el GIF en la otra página, la que querés cargar... de cualquier forma, si todo el producto es tuyo, en lugar de cargar la página completa (o sea, pedir una nueva página y cambiar la location) traetela por AJAX y poné el GIF hasta que AJAX se termine de traer el contenido.

No se, te tiro ideas medio a ciegas... no se lo que querés cargar, o qué tan terminado esté.