LLevas razon os pido disculpas pero llevo tres dias esperando y ya no sabía donde acudir.
Bueno....he puesto lo que me has indicado:
- Cuando se cargan es muy rapida la recuperación de datos y no se aprecia la imagen animada, puede ser que tenga que hacer algo en el ajax.php?
- Cuando me pones $('.carga'), no debería de ir en lugar de carga el nombre del id de la capa donde yo quiero que salga la imagen animada(id=data)?
- Yo solo quiero que salga la imagen cuando haga la llamada al servidor.
-Me quedo así:
Código Javascript
:
Ver originalfunction filtrar()
{
// ANTES DE LLAMAR EL AJAX HAZ AQUI TU LOADING EJEMPLO, DONDE CARGA ES TU ELEMENTO DEL DOM A MOSTRAR UN TEXTO O IMAGEN
$('.carga').html("<img src='imagenes_menu/ajax-loader3.gif' align='center' /><br /> Aguarde por favor...");
$.ajax({
data: $("#frm_filtro").serialize()+ordenar,
type: "POST",
dataType: "json",
url: "ajax.php?action=listar",
success: function(data){
var html_user ='' ;
if(data.length > 0){
$.each(data, function(i,item){
html_user += '<tr ondblclick="pulsar(this, ' + String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39) + ');" >';
html_user += '<td ><input name="demo" type="radio" value="' + item.num_usuario + '"/></td>';
html_user += '<td id="row0" >'+item.num_usuario+'</td>';
html_user += '<td>'+item.telefono+'</td>';
html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
html_user += '<td>'+item.poblacion+'</td>';
html_user += '</tr>';
});
}
if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
$("#data tbody").html(html_user);
}
});
}
Nota: Lo sencillo tambien se enseña, lo complicado es saber enseñar no crees
?
Muchas gracias por vuestra paciencia.