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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---