Saludos
uso prototype y le queria dar efectos con script.aculo.us al momendo de recargar una lista para que cargara como persiana hacia abajo el detalle del poducto
Código:
1 polera 44 Ver detalle
2 zapatillas 38 Contraer detalle
marca stock pedidos Tomar
rebook 61 1 (boton)
aen este codigo se puede ver mas o menos lo que muestra al momento de pincha en "ver detalle". El asunto es que ese detalle lo recupero con un AJAX.Updater esta son las funciones que utilizo en esta accion
Código PHP:
function cargandoOn(destino){
$(destino).innerHTML= '<img border=\"0\" src=\"../img/cargando.gif\"><span class=\"cargando\">Cargando...</span>';
}
function mostrarHaciaAbajo(destino){
new Effect.BlindDown(destino, { duration: 1.0 });
}
function desplegarDetalles(id){
var destino = $('detalle'+id);
var url = 'pagina.php';
var pars ='codigo='+ $('codigo').value&'id='+id;
//alert(pars);
var myAjax = new Ajax.Updater( destino, url, { method: 'post', parameters: pars, asynchronous: true,onLoading: cargandoOn(destino), onSuccess: mostrarHaciaAbajo(destino) } );
$('accion'+id).innerHTML ='<span onclick=\"cerrarGrupos('+id+')\">Contraer</span>';
}
a la finalidad hace lo que quiero, desplega la informacion del detalle, el problema radica que al momento de desplegar con BlindDown empieza a bajar lento y se pega un salto para completar de mostrar la informacion ( que esta correcta) por lo cual se ve feo.
Pienso yo que a lo mejor estoy llmando mal a la funcion, por que segun yo primero cargo el contenido y luego lo desplego pero al parecer, el efecto se ejecuta mientras esta se va cargando, entonces no logro ver donde debo llamar al la funcion para desplegar.
Agradesco cualquier ayuda, gracias de antemano.