Rails 3: How to get javascript to run after link_to

Question

In my view I have a link_to for downloading an excel file:

<%= link_to 'Download Excel', url_for( :controller => "my_controller", :action => "file", :format => 'xlsx', :params => params ) %>

The controller uses axlsx to render the file like:

  format.xlsx {
    render xlsx: 'file', filename: 'filename', disposition: 'inline'
  }

Now it can take a bit of time to generate and return that file, so I'd like to give the user an indication that the site's working.

I have a hidden div in the view code:

<div id="loader"><img src="/assets/loading.gif" ></div>

When someone clicks on the link, I can show the div with this jQuery:

$('#excel_export').click(function() { 
  $("#loader").show();
});

My question is: how can I .hide() that div when the file download starts? Maybe an ajax callback of some sort?

You might be able to repurpose [this](http://stackoverflow.com/a/4168965/382982). — pdoherty926, Nov 19 '13 at 05:16

score 1 · Answer 1 · edited May 23 '17 at 11:50

1

I don't know if this may help you. I found this code helpful to show spinner while an ajax request is performed.

$(document)
    .ajaxStart(function() {
        $("#loader").show();
    })
    .ajaxStop(function() {
        $('#loader').hide();
    });

You can get more samples from the following link.

edited May 23 '17 at 11:50

Community

answered Nov 19 '13 at 17:09

Deepak A

score 0 · Answer 2 · answered Nov 19 '13 at 05:54

0

You can use setTimeout() function by checking general time taken for download to start

Like this

$('#excel_export').click(function() { 
  $("#loader").show();
  setTimeout($("#loader").hide();, 1000);
});

So it will be automatically close after 1000ms

answered Nov 19 '13 at 05:54

Jeet

Thanks, but the report won't necessarily take exactly one second to process. – scim Nov 19 '13 at 13:28
This must be general execution time... you can use 5 seconds or 10 seconds... whatever you want – Jeet Nov 19 '13 at 13:37

2 Answers2