Poner gif cargando mientras se recargar un iframe

[sheshito]

Saludos, tengo una pagina principal.php en la cual tengo un input text y un boton, tambien tengo un iframe el cual contiene a datos.php, ahora lo que hace es que el usuario ingrese algun valor en el input text y presiona el bonto paso eso a datos.php el cual hace una consulta a la base y devuelve algo y se recarga el iframe que tengo en principal.php.

Ahora lo que quiero es que cuando el usuario presiona el bonton m aparesca un gif de cargando y cuando ya se me actualiza el iframe con la informacion se pierda el gif, ya he intentado varias cosas pero lo unico que consigo es que el gif cargando aparesca cuando principal.php se carga, pero lo que yo quiero es que al momento de presionar el boton aparesca mi gif..alguien sabe como se puede hacer esto.

Esta es la funcion q mencione pero solo funciona cuando se carga principal.php

Código:

 function preloader(){
            document.getElementById("loading").style.display = "none";
            document.getElementById("divframe").style.display = "block";
        }//preloader
        window.onload = preloader;

[rolygc]

Consejo, trata de evitar usar Iframes siempre ke puedas.

Porke no prueba usando un div y cargando los datos dentro del div

Lo que quieres lograr con el gif animado lo puedes hacer con AJAX o jQuery

[sheshito]

La verdad que si tiene razon, otras paginas las tengo echas con div y ahi si logre poner la imagen de cargando..pero en esta pagina q menciono ya la hice con iframe y para reemplazarlo por div me toca moodificar bastante codigo por eso estoy tratando de hacer algo con el mismo iframe....pero hay alguna manera hacer lo que quiero....creo haber visto alguna ves algun evento del iframe algo como reloder o algo asi pero no encuentro nada...