Hi Ryan,
Caveat: I haven't used script.aculo.us in any production app, just
Prototype.
But I think this does what you're looking for in terms of making the
element slowly disappear:
Effect.Fade('id_of_element', { duration: 3.0 });
Documentation here[1].
When you start that process is up to you. If you want it to start as
soon as possible, you can hook it up via the dom:loaded[2] event:
document.observe('dom:loaded', function() {
Effect.Fade('id_of_element', { duration: 3.0 });
});
Or if you want to wait until all images on the page are loaded, etc.,
you could use the window load event:
Event.observe(window, 'load', function() {
Effect.Fade('id_of_element', { duration: 3.0 });
});
[1] http://github.com/madrobby/scriptaculous/wikis/effect-fade
[2] http://www.prototypejs.org/api/document/observe
HTH,
--
T.J. Crowder
tj / crowder software / com
On Nov 6, 2:34 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
wrote:
> Not quite sure how to phrase this. I am a new scriptaculous user, I
> am comfortable using scriptaculous and prototype when I use the demos
> as a basis for what I am doing. However, I am working on adding ajax
> capabilities into a CMS that I have built. In some instances I have
> set a <div> with a "notification" value after posting a form etc...
> How would I set a "decay" time on this <div> using scriptaculous so
> that it gradually fades to display: none after the initial page load?
> Is ther an onLoad ability?
>
> Thanks,
> Ryan
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
