Luca Guidi weblog

How many times do you heard you should separate content from behavior? Never? Hmmm don't try to cheat me.. So, why do you still use :confirm option for link_to helper?

Here a little snippet to archive our goal, and as extra bonus, you get it i18n:

   1  <script type="text/javascript">
   2  //<![CDATA[
   3  window._ authenticity_token = "<%= form_authenticity_token %>";
   4  //]]>
   5  </script>
   6  
   7  <%= link_to t(:'delete'), asset_path(@asset),
   8        :title          => t(:'asset.destroy'),
   9        :class          => "delete",
  10        :'data-confirm' => t(:'asset.destroy_confirm') %>

   1  $(document).ready(function(){
   2    $(".delete").bind("click", function() {
   3      if(window.confirm($(this).attr("data-confirm"))) {
   4        $.ajax({
   5          url: $(element).attr("href"),
   6          data: {
   7            _method: "delete",
   8            authenticity_token: window._authenticity_token
   9          },
  10          type: 'post',
  11          dataType: 'script'
  12        });
  13      }
  14      return false;
  15    });
  16  });

Ok, first of all, I'm using jQuery. When the DOM is ready I'm going to bind all the elements with the delete class to the click event. When a user clicks on the link, it will use the HTML5 custom attribute data-confirm as window confirmation content.