hello,
I'm looking for a very simple way of doing the following -
1. Click on a link
2. Fade <div id="content_main"> (Before New Content is updated)
3. update content of <div id="content_main" > with the requested
content
4. fade in <div id="content_main" >
This is the code I've been trying to use -
<a href="#" onClick="new Ajax.Updater('content_main', 'j/lyrics/
wolves.html',
{method:'get'}, {onSuccess: function()
{Element.setOpacity('content_main', 0.0);
new Effect.Opacity('content_main');}, }); return false;">wolves</a>
the ajax part works in firefox (it retreives the content) but not in
safari.
you can see it at jacobgolden.com/pictures-2
the effects aren't really working.
and i still need to add the fade out before the
content appears.
I'm quite inexperienced with this code.
I imagine theres a much better way of accomplishing
this. (maybe making a global function for the
effect?)
I would really appreciate any advise.
thank you kindly,
jacob
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" 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/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---