Bueno primero que nada deberias especificar un poquito mas lo que quieres hacer.
quieres cargar datos en una tabla ?, que tipo de consulta es .., bueno para ese tipo de cosas se usa AJAX,
Por que AJAX, simple. Javascript funciona del lado del cliente cuando el cliente haga la consulta, toda la pagina se refrescara y por ende tu "gif de reloj" no servira para nada. con AJAX basicamente las peticiones realizadas por el navegador son transparentes al usuario OSEA la pagina no se refresca, de esta manera puedes hacer lo que te plasca con los elementos que tienes en tu pagina.
Un consejo, utiliza un framework de desarrollo y mejor si estas empezando. Te recomiendo MOOTOOLS, el mas popular es JQUERY .. pero MOOTOOLS es la NETA xD
Aqui te dejo un pequeño ejemplo de como podrias hacer lo que deseas usando JS. Mootools
var query= new Request({
url: 'modelo-consulta-sql.php',
onRequest: function(){
$('divQueContendraDatos').set('html',"<img src='img-reloj.gif' /> ");
},
onSuccess: function(responseText){
$('divQueContendraDatos').set('html',responseText) ;
}
});
$('botonQueHaceConsulta').addEvent('click',functio n(){
query.send("nombre="+$('txtNombre').get('value') );
});