topic Hosted gateway payment stalled in Integration and Testing

Hosted gateway payment stalled

PcDudes524 — Tue, 19 Sep 2017 15:52:55 GMT

When I click the 'Pay' button in my hosted gateway the words change to 'Processing' and nothing happens. How can I determine what is happening?

Re: Hosted gateway payment stalled

PcDudes524 — Tue, 19 Sep 2017 19:03:56 GMT

It only seems to happen when I set 'showReceipt' to false.

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 14:31:06 GMT

Hi,

This is because when showReceipt is set to false, you need to handle the response, by showing your own receipt or thank you page. Elements of the transaction response are sent to your parent page via your hostedPaymentIFrameCommunicatorUrl, including transId. In your parent page, you can react to the transaction response with something like the following, which will vary depending on your desired results and your ID selectors :

<script>
    window.CommunicationHandler = {};
    function parseQueryString(str) {
        var vars = [];
        var arr = str.split('&');
        var pair;
        for (var i = 0; i < arr.length; i++) {
            pair = arr[i].split('=');
            vars[pair[0]] = unescape(pair[1]);
        }
        return vars;
    }
    window.CommunicationHandler.onReceiveCommunication = function (argument) {
        params = parseQueryString(argument.qstr)
        parentFrame = argument.parent.split('/')[4];
        switch (params['action']) {
            case "transactResponse":
                var transResponse = JSON.parse(params['response']);
                $('#demo').html("Thank you. Your Transaction Id is: "+transResponse.transId);
                //  $('#payframe').hide();
                $('#form1').hide();
                $('#form2').show();
                $('input[name="transid"]').val(transResponse.transId);
                if (transResponse.transId > 0) {
                 //   $('#payframe').hide();
                    $('#cardnumbers').hide();
                    $('#payframe').attr('src', "");
                    $('html,body').scrollTop(0);
                }
              
        }

    }

</script>

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 15:38:56 GMT

I am using the one directly from Github:

</script>

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 15:52:05 GMT

Ok, I found the error but now I need it to go to another page once they have clicked the close button in the alert window. How do I do this?

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 15:59:37 GMT

window.location = "http://www.yoururl.com";

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 16:02:38 GMT

Sorry, I'm horrible with JS. Where would I put this line?

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 17:32:21 GMT

<script type="text/javascript">
    document.getElementById("closeAcceptConfirmationFooterBtn").onclick = function () {
        window.location = "http://www.yoururl.com";
    };
</script>

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 17:45:08 GMT

That doesn't seem to work for me, still showing the payment form after I click the button.

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 17:57:43 GMT

Right click and Inspect the close button. What is the id? If it doesn't have one, give it one with id="closeAcceptConfirmationFooterBtn", else replace the "closeAcceptConfirmationFooterBtn" in the following, with the actual id. document.getElementById("closeAcceptConfirmationFooterBtn").onclick

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 18:11:20 GMT

The id is closeAcceptConfirmationFooterBtn.

Here is the HTML

<button id="closeAcceptConfirmationFooterBtn" type="button" class="btn btn-success" data-dismiss="modal">Close</button>

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 18:20:50 GMT

Then putting the following in your index page, in a script block by itself, should work. An example of it working is at : https://nexwebhost.com/authorizenet/

<script type="text/javascript">
    document.getElementById("closeAcceptConfirmationFooterBtn").onclick = function () {
        window.location = "https://nexwebhost.com";
    };
</script>

If not, do you have a live URL to check out?

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 18:34:34 GMT

Here is the live url: https://www.blackrabbitbooks.com/process/index.php

Re: Hosted gateway payment stalled

NexusSoftware — Wed, 20 Sep 2017 18:45:49 GMT

Try taking the script block out of the head and putting it down before the closing </body> tag.

Re: Hosted gateway payment stalled

PcDudes524 — Wed, 20 Sep 2017 18:47:57 GMT

That did it, thank you