I’ve done a few ajax sites but I’ve never managed to get effects to work
properly so I’ve decided to ask here.
I’ve got a div, which on load, contains a title and a ‘View’ link. When
the link is clicked, the div’s content is replaced by a table with more
info.
How do I go about putting effects in so it does something like this:
- Click the link
- Div slides up so it’s invisible
- The action returns the new div content
- Div slides back down to the new height with the new content
And the reverse for when the user clicks the ‘Hide’ link that is added.
I was using visual_effect(:slide_up, ‘myDiv’) but that made the div
disappear after it slid back down again.
Can someone with knowledge of effects clue me in please?
Thanks
Matt
search for the jrails libraries, they contain jquery it has very simple
methods to do what you need.
/script/plugin install
http://ennerchi.googlecode.com/svn/trunk/plugins/jrails
Once you have that installed yo do
that is to slide up
to slide down
ve done a few ajax sites but I’ve never managed to get effects to work
- The action returns the new div content
Matt
–
Felipe V. Contesse
IngenierÃa Civil Industrial UC
Felipe V. wrote:
that is to slide up
to slide down
Hi, thanks for the reply.
I can see that this looks easier, but is it actually going to work like
link_to_remote? I mean will it be able to call an action and return the
content that the action renders?
I’m not sure but I think I should be looking at combination effects or
something.
The actual content replacement and everything works fine, but it doesn’t
have any effects, it’s just a sharp, quick “change” which isn’t easy on
the eye. I just want to add a slide effect to the update.
Thanks
Matt
I’m nearly there, the problem is that :slide_up automatically sets the
element to hidden when in fact I want it to stay visible.
I have looked everywhere for a solution but this has really stumped me,
how can I stop the element getting hidden between the up and down
slides?
Thanks
Matt