javascript - Jquery append Stripe pay button returns [object HTMLScriptElement] -
i'm trying append stripe pay card button via jquery. i'm appending because want displayed once user meets requirement, , because price variable.
i have code far
var script=document.createelement('script'); script.src="https://checkout.stripe.com/checkout.js"; script.class="stripe-button"; $(script).prop({"data-key" : "pk_test_gjieypuvzc56ui22j5yr7h3s", "data-amount" : '"' + amount_paid + '"', "data-name" : "website.com", "data-description" : '"' + purch_item + ' ($'+ final_value +')"', "data-image" : "image.png"}); $('.payment_stripe_span').append('<form action="make_payment.php" method="post">' + script + '</form>');
however, prints [object htmlscriptelement].
how make button appear?
you using object string. here solution.
here modified code. used javascript's setattribute method.
var script=document.createelement('script'); var amount_paid = 10; var purch_item = 'test'; var final_value = 15; script.src="https://checkout.stripe.com/checkout.js"; script.setattribute("class", "stripe-button"); script.setattribute("data-key", "pk_test_gjieypuvzc56ui22j5yr7h3s"); script.setattribute("data-amount", amount_paid); script.setattribute("data-name", "website.com"); script.setattribute("data-description", '"' + purch_item + ' ($'+ final_value +')"'); script.setattribute("data-image", "image.png"); $('.payment_stripe_span').append('<form action="make_payment.php" method="post" id="my_frm">form ( inspect here check if dom added or not? )</form>'); $(script).appendto("#my_frm");
link jsfiddle http://jsfiddle.net/kzfkuv3m/3/
Comments
Post a Comment