link_to_function to remove a <div> in both IE and FF

rubyonrails-talk
1

Hey All,

I've got a partial _research_areas.html.erb, which has a link_to_function call for removing the div defined by the partial, like so:

# =========================   <div id = "this_ra">   <% fields_for_research_area(research_areas) do |ra_form| %>
    <p>       <%= ra_form.collection_select(:research_area_id                                   , ResearchArea.get_list                                   , :id, :name                                   , {:prompt => true})       %>       <% link_to_function 'Remove', "this.up().remove();" %>     </p>
  <% end %>   </div> # =========================

That works just fine in FF, but in IE nothing seems to happen (apart from the page scrolling up to the top). The ticklish thing here is that there can be any number of these divs on the page, all of which have the same id. (These get added on the client w/another ltf call that renders the partial into the page.) The above removes the correct div in FF, but other things I've tried that do effect a remove in IE just remove the first one.

I've played around w/trying to give each div a unique id, but haven't come up w/a good solution for accomplishing that, and the above works so well in FF, I was hoping there might be some magic javascript out there that would do the trick in both browsers. Is there?

Thanks!

-Roy

Roy Pardee Research Analyst/Programmer Group Health Center For Health Studies (Cancer Research Network) (206) 287-2078 Google Talk: rpardee

2

Hrm--nevermind. More playing led me to this:

  $(this).up().remove()

Which works in both IE and FF.

TODO: Learn javascript... :stuck_out_tongue:

Thanks!

-Roy