duda pantalla de espera

[viringas]

Hola a todos,

estoy haciendo una web y tengo un formulario que hace segun los datos que escriban los manda a una pagina php que hace una sentencia sql, mi idea es que mientras no carga los datos de "vuelta", aparezca un mensaje o una imagen que ponga que esta cargando la peticion, vamos lo basico de toda la vida pero es la primera vez que lo hago y queria sugerencias:

mi codigo es el siguiente:

Código javascript:

$.ajax({
        type: "POST",
        //contentType: 'application/x-www-form-urlencoded; charset=iso-8859-1',
        data : { titulo : titulo,subtitulo:subtitulo,entrada:entrada,texto:texto,fechai:fechai,fechaf:fechaf,seleccion:seleccion},
        url: 'php/listado_buscador.php',
        success: function(resultado){
            
         $(".col2").html(resultado);
        }
    });
 

en el div con clase col2 es donde carga los resultados, asi que mi idea es poner antes de la linea : $(".col2").html(resultado);


alguien puede darme el consejjo de cual es la mejor opcion que podria hacer??

gracias por las respuestas

saludos

el efecto no se si se hace asi o no, es que no me aparece

[maycolalvarez]

usa en jQuery el evento beforeSend

[viringas]

probe con beforeSend de jquery pero no funciona

Código Javascript:

$('#bbuscador').live('click',buscador);
 
function buscador(){
    titulo=$('#titulo').val();
    subtitulo=$('#subtitulo').val();
    entrada=$('#entrada').val();
    texto=$('#texto').val();
    fechai=$('#fechai').val();
    fechaf=$('#fechaf').val();
    seleccion=$("input:radio[name='seleccion']:checked").val();
    
    $.ajax({
        type: "POST",
        //contentType: 'application/x-www-form-urlencoded; charset=iso-8859-1',
        data : { titulo : titulo,subtitulo:subtitulo,entrada:entrada,texto:texto,fechai:fechai,fechaf:fechaf,seleccion:seleccion},
        url: 'php/listado_buscador.php',
        beforeSend: function(){
            alert("enviando...");
             $(".col2").html("<p align='center'><img src='/images/loader.gif' /></p> <br> <p>Procesando...</p>");
        }, 
        success: function(resultado){
            $(".col2").html(resultado);
        }
    });
}
 

el boton lo incovo asi en el html

Código HTML:

<input type="button" id="bbuscador" value="Buscar" class="boton">
 

alguien puede ayudarme?

[maycolalvarez]

lo que no entiendo es porque usas jQuery live.

aparte de eso debería funcionar