Or even simpler:
function update_clock(){
var clock = $('clock');
new Ajax.Updater(clock,'clock.py',{
onCreate:function(){clock.fade()},
onComplete:function(){clock.appear()}
});
}
Walter
On Oct 4, 2009, at 12:32 PM, Walter Lee Davis wrote:
>
> You have some asynchronous events here, each being triggered
> separately, and the results are chaotic.
>
> Try this:
>
> function update_clock() {
> Effect.Fade('clock',
> afterFinish:function(){
> new Ajax.Updater('clock',
> 'clock.py',{
> onComplete:function(){
> Effect.Appear('clock');
> }
> }
> );
> }
> );
> }
>
> You could also investigate effect queues, but I think this sort of
> chained function will do you better.
>
> Walter
>
> On Oct 4, 2009, at 11:26 AM, LinkMaster03 wrote:
>
>>
>> What I am trying to accomplish is a clock that updates every five
>> seconds. Before it updates I want it to fade out, and after it
>> updates
>> I want it to fade back in. This is what I have right now:
>>
>> <html>
>> <head>
>> <script type="text/javascript" src="prototype.js"></script>
>> <script type="text/javascript" src="scriptaculous.js"></script>
>> <script type="text/javascript">
>> function update_clock() {
>> Effect.Fade('clock');
>> new Ajax.Updater('clock', 'clock.py');
>> Effect.Appear('clock');
>> }
>>
>> new Ajax.Updater('clock', 'clock.py');
>> new PeriodicalExecuter(update_clock, 5);
>> </script>
>> </head>
>> <body>
>> <div id="clock"></div>
>> </body>
>> </html>
>>
>> What happens when I open that page is odd. The clock updates, fades
>> in, then fades out until the next update. What am I doing wrong?
>>
>>>
>
>
> >
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
