This post originated from an RSS feed registered with Ruby Buzz by Rick DeNatale. Original Post: Observing Fields With Rails in the Browser Feed Title: Talk Like A Duck Feed URL: http://talklikeaduck.denhaven2.com/articles.atom Feed Description: Musings on Ruby, Rails, and other topics by an experienced object technologist. Latest Ruby Buzz Posts Latest Ruby Buzz Posts by Rick DeNatale Latest Posts From Talk Like A Duck

This can all be done within the browser. It just requires manipulation of existing elements within the domain object model, so there's no need to go back to the server.

Rails provides the observe_field helper method which is normally used to generate a remote request when a DOM element changes. It can be used to do what we want, but how to do so isn't well documented, either in the Rails documentation, or via google.

So here's how to do it.

What the Rails Doc says

Here's how the official doc for observe_field starts...

observe_field(field_id, options = {})

Observes the field with the DOM ID specified by field_id and calls a callback when its contents have changed. The default callback is an Ajax call. By default the value of the observed field is sent as a parameter with the Ajax call.

Required options are either of:

:url:	url_for-style options for the action to call when the field has changed.
:function:	Instead of making a remote call to a URL, you can specify a function to be called instead.

So the function option seems to be what we need When I read this I assumed that the value should be a string containing a javascript function definition. But it's not.

What the value should be is javascript code for the body of the function definition. The prototype helper provides the surrounding definition. So when you code:

        
observe_element('company1', :function => 'code')

Form.Observer.new('company1', function(element,value) {code})

So just write Javascript code for the body. You can use the element parameter to refer to the domain element being observed, in this case it would be the same as the prototype expression "$('company1')" and the value parameter gives you the value attribute of the observed element.

        
observe_element(
    'our_corp', 
    :function => "$('bill_c') = value\n$('sam_r') = value")

Should do the trick of turning both the bill_c and sam_r checkboxes on or off when we toggle the our_corp checkbox.

Of course you probably don't want to hand code the ids, and the actual ids will conform to those used by the form helpers, but I'll leave those details to you

Getting the Rails Docs Updated

I've submitted a ticket on rails trac with a patch to document this. If you've got a rails trac account, please have a look and consider adding a +1 to get this into report #12 and into Rails.