how to use Hosted Form in angular 5

souravknath — Sat, 07 Mar 2020 08:22:26 GMT

I have added

for html file

</form>

<br />

<div>

Trigger Accept Transaction

<button id="btnOpenAuthorizeNetPopup" (click)="openPopup()">Open AuthorizeNetPopup</button>

</div>

</div>

</div>

</div>

</div>

for typescript file

closePopup() {

document.getElementById("divAuthorizeNetPopupScreen").style.display = "none";

document.getElementById("divAuthorizeNetPopup").style.display = "none";

document.getElementById("iframeAuthorizeNet").setAttribute("src","empty.html")

document.getElementById("btnOpenAuthorizeNetPopup").setAttribute("disabled","false")

//if (AuthorizeNetPopup.options.onPopupClosed) AuthorizeNetPopup.options.onPopupClosed();

};

openPopup() {

var popup = document.getElementById("divAuthorizeNetPopup");

var popupScreen = document.getElementById("divAuthorizeNetPopupScreen");

var ifrm = document.getElementById("iframeAuthorizeNet");

var form = document.forms["formAuthorizeNetPopup"];

form.noValidate = false;

$("#popupToken").val($("#inputtoken").val());

form.action = "https://test.authorize.net/payment/payment";

ifrm.style.width = "442px";

ifrm.style.height = "578px";

form.submit();

popup.style.display = "";

// popupScreen.style.display = "";

this.centerPopup();

};

centerPopup() {

var d = document.getElementById("divAuthorizeNetPopup");

d.style.left = "50%";

d.style.top = "50%";

var left = -Math.floor(d.clientWidth / 2);

var top = -Math.floor(d.clientHeight / 2);

d.style.marginLeft = left.toString() + "px";

d.style.marginTop = top.toString() + "px";

d.style.zIndex = "2";

if (d.offsetLeft < 16) {

d.style.left = "16px";

d.style.marginLeft = "0px";

}

if (d.offsetTop < 16) {

d.style.top = "16px";

d.style.marginTop = "0px";

}

parseQueryString(str) {

var vars = [];

var arr = str.split('&');

var pair;

for (var i = 0; i < arr.length; i++) {

pair = arr[i].split('=');

vars.push(pair[0]);

// vars[pair[0]] = unescape(pair[1]);

}

return vars;

}

i could not get response from hosted form.

Re: how to use Hosted Form in angular 5

cyberflix — Sun, 08 Mar 2020 06:54:27 GMT

Thank you very much for the script,

being a learner and newbie, it really helped me.

I will now implement this on my new website https://cinemaapk.info/

topic how to use Hosted Form in angular 5 in Integration and Testing

how to use Hosted Form in angular 5

Re: how to use Hosted Form in angular 5