Forum: Ruby on Rails sequence of page.visual_effect and page.replace_html

Announcement (2017-05-07): is now read-only since I unfortunately do not have the time to support and maintain the forum any more. Please see and for other Rails- und Ruby-related community platforms.
e deleflie (Guest)
on 2009-02-20 08:46
(Received via mailing list)

I've got will_paginate working with AJAX (using un-obstructive
javascript, i.e. good for SEO). All good.

When the user clicks "Next >>", I want the next page of results to
fade in. But the problem seems to be (in the code below) that both
page.replace_html and page.visual_effect get called at the same time.
So the new div starts to fade in, then gets drawn completely (once the
AJAX call has returned) ... then drops back to whichever fade level it
was up to, then keeps going.

page.replace_html "classical", :partial => 'view_summary', :locals =>
{ :my_files => @my_files}
page.visual_effect :Opacity, "classical", :from => 0.0, :to => 1.0,
:duration => 3

Is there a way that I can hold off running page.visual_effect until
page.replace_html has completed?

(BTW, havn't had much luck with page.delay)

Aaron V. (Guest)
on 2009-02-20 09:30
Have you tried hiding the div right after you page.replace_html, then
using page.visual_effect :Appear?

Here's an example of how I update my comment list with the same effect.

page.replace_html 'comments', :partial => 'blog/comment', :collection =>
page.hide 'comment_' +
page.visual_effect :Appear, 'comment_' +
e deleflie (Guest)
on 2009-02-20 10:46
(Received via mailing list)
Hi Aaron,

yeah, for some reason Appear seems to work much better than the Opacity

The only issue I have now is that the whole page jumps around when I
hide the Div ... I have to find some way of keeping its size when
hiding .... urgh... css.

This topic is locked and can not be replied to.