Home/ Questions/Q 8581925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:10:04+00:00

I have a jQuery modal UI basically blocks users from downloading a file. I

  • 0

I have a jQuery modal UI basically blocks users from downloading a file. I use preventDefault to stop the download manager show up. But this kills the GET.

After the user clicks Agree, how can I request proceed download?

I’ve googled this and most of them are doing form submission.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Remember the URL of file and then set it to window.location when user will click Agree.

    HTML:

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    </head>
    <body>
        <a href="http://google.com" id="btn">Button</a>
        <div id="dlg">Continue?</div>
    </body>
</html>​

    JavaScript:

    var dlg$ = $('#dlg').dialog({
    title: 'Confirm action',
    autoOpen: false,
    buttons: {
        'Agree': function() {
            dlg$.dialog('close');
            window.location = dlg$.data('url');
        }
    }
}),
btn$ = $('#btn').on('click', function(e) {
    e.preventDefault();
    dlg$.data('url', this.href).dialog('open');
});​
    • 0