Forum

 
[Error] Blocked a frame with origin "http://demo.pesapal.com" from accessing a frame with origin "http://localhost:3000". Protocols, domains, and ports must match.
[Error] Refused to display 'https://testsecureacceptance.cybersource.com/silent/pay' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. (postpayment, line 0)
 

 
<a href="#" class="btn btn-cta btn-block btn-lg complete_order_button" data-iframe-src="http://demo.pesapal.com/API/PostPesapalDirectOrderV4?oauth_callback=http%3A%2F%2Flocalhost%3A3000%2Forders%2FIWULURYL%2Fpayments%2Fcomplete&amp;pesapal_request_data=%26lt%3B%3Fxml+version%3D%26quot%3B1.0%26quot%3B+encoding%3D%26quot%3Butf-8%26quot%3B%3F%26gt%3B%26lt%3BPesapalDirectOrderInfo+xmlns%3Axsi%3D%26quot%3Bhttp%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchemainstance%26quot%3B+xmlns%3Axsd%3D%26quot%3Bhttp%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema%26quot%3B+Amount%3D%26quot%3B7200%26quot%3B+Description%3D%26quot%MyApp+Order%3A+IWULURYL%26quot%3B+Type%3D%26quot%3BMERCHANT%26quot%3B+Reference%3D%26quot%3BRGILESNS%26quot%3B+FirstName%3D%26quot%3B%26quot%3B+LastName%3D%26quot%3B%26quot%3B+Email%3D%26quot%3Bme%40myemail.com%26quot%3B+PhoneNumber%3D%26quot%3B%26quot%3B+xmlns%3D%26quot%3Bhttp%3A%2F%2Fwww.pesapal.com%26quot%3B+%2F%26gt%3B&amp;oauth_consumer_key=[HIDDEN]&amp;oauth_signature_method=HMAC-SHA1&amp;oauth_timestamp=1434625856&amp;oauth_nonce=[HIDDEN]&amp;oauth_version=1.0&amp;oauth_signature=YwrSdv7VdHSIUFEv0a0LuesO7II%3D">Complete order</a>
 

 
jQuery(function() {
  return $('body').on("click", '.complete_order_button', function(e) {
    var $link, pesa_pal_iframe;
    e.preventDefault();
    $link = $(this);
    pesa_pal_iframe = new PesaPalIFrame($link.data('iframe-src'));
    return $(this).replaceWith(pesa_pal_iframe.html);
  });
});
 
this.PesaPalIFrame = (function() {
  function PesaPalIFrame(src) {
    this.src = src;
    this.html = "<h3>Pay securely with PesaPal</h3>\n&lt;iframe id='pesa_pal_payment' src='" + this.src + "' width='100%' height='860px' \n  scrolling='no' frameBorder='0'&gt;\n  \n  <p>\n    Unable to load the payment page.<br>\n    If this problem persists, please <a href='/contact_us'>contact us</a>.\n  </p>\n";
  }
 
  return PesaPalIFrame;
 
})();