Blocking popup in mobile view securionpay

Question

I have implemented demo for securepay from reference link https://securionpay.com/docs/checkout#custom-integration

I have used custom integration as below

<script src="https://securionpay.com/checkout.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        SecurionpayCheckout.key = 'key';
        SecurionpayCheckout.success = function (result) {
            // handle successful payment (e.g. send payment data to your server)
        };
        SecurionpayCheckout.error = function (errorMessage) {
            // handle integration errors (e.g. send error notification to your server)
        };

        $('#payment-button').click(function () {
            SecurionpayCheckout.open({
                checkoutRequest: 'xyz=',
                name: 'SecurionPay',
                description: 'Checkout example'
            });
        });
    });
</script>

<button id="payment-button">Payment button</button>

Here integration working pefect.but when i want open popup on load page instead of clicking button then its block by browser in mobile view.so how to prevent to block using JavaScript without allowing from browser. Getting error : Uncaught TypeError: Cannot read property 'focus' of null

score 0 · Accepted Answer · answered Apr 24 '18 at 13:15

0

You can't open Checkout using onload. User must explicitly request the popup otherwise browser will block it. Take a look at this question for more information.

answered Apr 24 '18 at 13:15

Marcin Jancewicz

641
7
19

can you give example for explicitly request – Bhavesh Chauhan Apr 24 '18 at 13:45
For example snippet in your question. Checkout open after user click a button. – Marcin Jancewicz Apr 24 '18 at 18:49
in my requirement is on load open.not click button – Bhavesh Chauhan Apr 25 '18 at 09:24

Blocking popup in mobile view securionpay

1 Answers1