RJS with toggle_slide if not visible only

carlharroch (Carl Harroch) — Tue, 26 Dec 2006 15:12:50 GMT

RJS is very powerful. here is a small code snippet that shows how to do a toggle on a div if NOT visible. If the div is visible, it just exchange it. Here is my rhtml code:



    

        

            <%= link_to_remote("test_visibility" , 

                :with => "'is_visible=' + Element.visible('list_div')",

                :loading => "Element.show('getting_results')",

                :complete => "Element.hide('getting_results')",

                :failure => "alert('An error occured, please email us directly!')",

                :url => { :action => 'one_action' }) %>

        

        

            <%= image_tag "ajax-loader.gif", :class => "image", :alt => "loading..." %>

And in my controller, I have the following code:



def one_action

      render :update do | page |

        page.replace_html 'list_div', :partial => 'one_partial'

        if params['is_visible'] == 'false'

          page.visual_effect :toggle_slide, 'list_div', :duration => 2

        end       

      end

end

How it works?
Element.visible('list_div') is a prototype function that returns false if the element is not visible and true if it is. In the above case, we have the orginial visibility of the div to be "display: none". Thus the first time the action is called, the Ajax call will send the parameter false to the action. This will make the div appear. For subsequent requests, the value of visibility will be true, thus only replacing the div.

how to escape from AJAX URL

heavysixer () — Thu, 16 Mar 2006 08:42:06 GMT

From Dylan Stamat's post on the Ruby on Rails list

Within my "login.rjs" template that get's invoked after my login process, it returns to the same page with an error message on error, or... if the login was successful, it needs to "redirect" to another controller... which is pretty much impossible to do otherwise. so, my " login.rjs" looks like:



if @logged_in_client

  page.replace_html "message", :partial => 'shared/bad_login'

else

  page.redirect_to "whatever you want here"

end

------ End Message--------
Here is my two cents:
Technically, you can do this without a RJS template at all, because it is such a simple example. Use this in your controller



render :update do |page|

  if @logged_in_client

    page.replace_html "message", :partial => 'shared/bad_login'

  else

    page.redirect_to "whatever you want here"

  end

end

DZone Snippets: RJS code

RJS with toggle_slide if not visible only

how to escape from AJAX URL