Indicador "Loading" ajax

Miguel_Angel_Callej · September 1, 2007, 6:51pm

Hola, En una llamada ajax cómo puedo hacer para mostrar un loading en el
tiempo que llama a la función y retorna los datos?
<%= link_to_remote( cli.nombre, :update => “listado_categorias”, :url
=>{ :action => :getCategorias,:id=>cli.id}) %>

Gracias

Miguel_Angel_Callej · September 1, 2007, 11:41pm

Miguel Angel Calleja LÃ¡zaro wrote:

Hola, En una llamada ajax cï¿½mo puedo hacer para mostrar un loading en el
tiempo que llama a la funciï¿½n y retorna los datos?
<%= link_to_remote( cli.nombre, :update => “listado_categorias”, :url
=>{ :action => :getCategorias,:id=>cli.id}) %>

Gracias

Hola Miguel, solamente debes de aÃ±adir esto:

:loading=>“Element.show(‘progreso’)”

Pero antes debes de crearte una imagen con un id “unico” y ocultarlo por
ejemplo:

<%= image_tag “spinner.gif”, :id => “progreso”, :style =>
‘display:none;’%>

Miguel_Angel_Callej · September 3, 2007, 8:23am

Yo lo tengo hecho de forma genÃ©rica asÃ:

En application.js:
Ajax.Responders.register({
onCreate:showLoader,
onComplete:hideLoader
});

function showLoader(){
    $('capa_cargando').style.visibility="visible"
}

function hideLoader(){
    $('capa_cargando').style.visibility='hidden';
}

En el layout comÃºn:

<%=image_tag 'spinner.gif'%> CARGANDO...

Y el estilo para esto:

#capa_cargando {
position: absolute;
top: 2px;
right: 15px;
background-color: #FAD163;
color: black;
font-weight: bold;
font-size: 9px;
padding: 3px;
visibility: hidden;
text-align: right;
}