Don't use the onload event in the body tag. Your script starts running
before the DOM is ready.
Use this instead in a script block:
document.observe("dom:loaded", function() {
start()
});
See: http://www.prototypejs.org/api/document/observe
On Jul 25, 8:16 am, bill <stefan....@googlemail.com> wrote:
> Hi,
>
> I'm new in using javascript and script.aculo.us so please patient with
> me =)
>
> I guess the best thing to do is to start with some code:
>
> <script type="text/javascript" language="javascript">
> function start()
> {
> Effect.Pulsate('warning', { pulses: 5, duration: 4 ,
> from: 0.4});
> Effect.Fade('info', { duration: 6});
> }
> </script>
>
> <body onload="start();">
>
> <div id='info'>
> Some info text
> </div>
>
> <div id='warning'>
> Some warning text
> </div>
>
> I guess it's pretty obvious what I'm trying to do: after the page is
> loaded, I want to start trigger two effects for the boxes "info" and
> "warning". But non of the effect actually happen. If I just try to
> start one effect (I deleting one of function calls in start()) the
> remaining one is executed as expected.
>
> So why aren't both working at the same time?
>
> Thank you for any advice,
> bill
--~--~---------~--~----~------------~-------~--~----~
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 prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
