Download a file via jquery and redirect

Question

I'd like to figure out a simple way using jQuery to trigger a download when a text link is clicked. Also, after click the user is redirected to success page. Can anyone help?

Solution

Let's say you have a link to your download page

<a class="downloadLink" href="www.example.com/foo.pdf">Download</a>

In your Javascript:

$(".downloadLink").click(
    function(e) {   
        e.preventDefault();

        //open download link in new page
        window.open( $(this).attr("href") );

        //redirect current page to success page
        window.location="www.example.com/success.html";
        window.focus();
    }
);

Comments

[Matt Lambert]

Thank you! Much appreciated :)

[Sam]

If The download link was a PDF this would mean the redirect would be the primary page and the PDF would become a second tab. Is there a way to reverse this, so they are taken to the PDF with a second tab being the redirect?

[JuliSmz]

Seems like this stopped working on the last Chrome version...