Entiendo que si son dinamicos los div's, que dependen de un AJAX , los efectos deberian ir en
onSuccess, algo asi:
Código Javascript
:
Ver original/*Realizado por HieloVerde*/
function cargarUrl(url,capa_destino)
{
var cargando = new Array(2);
cargando['capa1'] = 'imagen1.gif';
cargando['capa2'] = 'imagen2.gif';
new Ajax.Updater(capa_destino, url,
{
parameters: '',
evalScripts:true,
onSuccess: function(transport)
{
//$(capa_destino).update(transport.responseText);
//Pulsate + Fade
new Effect.Pulsate('cfa', { pulses: 5, duration: 2.5});
new Effect.Fade('cfa', { duration: 3.0, queue: 'end' });
},
onCreate: function()
{
$(capa_destino).update('<img src="' + cargando[capa_destino] + '" />');
}
}
);
}
En teoria Ajax.Updater te actualiza el elemento que le pasas por parametro, en tu caso
capa_destino, si te falla descomenta la linea 14, despues evalScript = true ? estas evaluando codigo js en la respuesta ?, sino es el caso elimina la propiedad para que quede el valor por defecto(false) y por ultimo en vez de utilizar Element.innerHTML, utiliza las funcion de prototype para dicho fin, Element.update.
Probalo y nos comentas.
Saludos.