It'll probably be easier if I just post it here:
<html>
<head>
<script language="javascript" type="text/javascript"
src="prototype.js"></script>
<script language="javascript" type="text/javascript"
src="scriptaculous.js"></script>
<style type="text/css">
.olstext
{
float:left;
margin-left:20px;
margin-top:0;
text-shadow:2px 2px 2px #000000;
width:725px;
border:1px solid black;
}
</style>
<script language="javascript">
function test2()
{
new Effect.Fade('olstext', { duration:.5, queue: 'front' });
new Effect.Appear('olstext', { duration: .4, queue: 'end' });
}
</script>
</head>
<body>
<a href="javascript:test2()">run test</a><br>
<div style="display: block; opacity: 1;" id="olstext"
class="olstext"><span class="olstextintro">Comfort the broken.</
span><br> In times of crisis, only Jesus can still the storm that
rages within. With your support, our crisis chaplains can respond to
disasters and comfort victims with the love of Christ.</div>
</body>
</html>
If you click on "run test", it will fade out and then immediately fade
in. Do you see anything I'm missing? Thanks!
On Sep 1, 10:14 am, Rick.Wellman <[email protected]> wrote:
> Glad you got it "working" but FWIW,
> Your understanding of the queues seems to be ok but something must be lost in
> the translation... is the Appear beginning *before* the Fade finishes if you
> use the queue? Your original message states that it Fades (and I read that
> to mean that the Fade completes) and then Appears. Unless something has
> changed in the library, afterFinish is fine but the queues were written for
> exactly this case.
>
> -----Original Message-----
> From: [email protected]
> [mailto:[email protected]] On Behalf Of Raphael75
> Sent: Wednesday, September 01, 2010 8:43 AM
> To: Prototype & script.aculo.us
> Subject: [Proto-Scripty] Re: can't get queues to work right
>
> Thank you. I thought about trying that but I thought the queue was
> supposed to do the same thing. It's ok, you solved it. :)
>
> On Sep 1, 8:56 am, Peter De Berdt <[email protected]> wrote:
> > On 01 Sep 2010, at 14:34, Raphael75 wrote:
>
> > > But isn't the queue supposed to handle that? I inserted the Fade first
> > > (queue: 'front') and then the Appear (queue: 'end'). Isn't that right?
> > > Or is there some other way to have the Appear wait to start until the
> > > Fade is finished?
>
> > Use the afterFinish callback like so:
>
> > var olstext = $('olstext');
> > olstext.fade({duration: 0.35, afterFinish: function()
> > { olstext.update("Some new text"); olstext.appear({duration: 0.5}); }});
>
> > Best regards
>
> > Peter De Berdt
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group
> athttp://groups.google.com/group/prototype-scriptaculous?hl=en.
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
