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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -