How Toggle Show/Hide Button Image and Action?

Rails 1.2.6

I have a link_to_remote which uses graphic button for the display.

link_to_remote ‘’,
:url => {:controller => ‘narrative’, :action => ‘show’}

When that button is clicked, an RJS file adds content to a div and
reveals it.

At the same time, I want that initial button to change. Essentially what
my brain wants is for the whole link_to_remote code to change to this

link_to_remote ‘’,
:url => {:controller => ‘narrative’, :action => ‘hide’}

So, when the button is clicked, its picture & its action both “toggle”

I can’t figure out how to do that and the best way to architect the

I’m just getting started with using Ajax/RJS, and so far my RJS file is
bare bones basics:

page.insert_html :top, ‘narrative’, “example text to insert”
page.visual_effect :blind_down, ‘narrative’, :duration => 0.5

What would the RJS be to replace/modify that link_to_remote code ?

Any clues appreciated.

– gw

GW: take a peek at the link_to_remote API:

In particular, notice the additional paramters
like :before, :after, :complete, etc.

Use those to call some javascript code to either replace the image or
to do a hide/show. In my code, I have something like:

Element.toggle(‘custom_submit_tag’, ‘upload_progress’);

and then the end of the form is:

<%= image_tag "progress_bar.gif" %>
<%= custom_submit_tag 'Save' %>

Perhaps just stack the two images right after each other, hide one
with the style display:none trick then toggle the shown and hidden
images on the :before hook.


On Apr 13, 1:09 pm, Greg W. [email protected]

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs