geoffHome
Posts: 4
Joined: Sun Aug 19, 2007 10:54 pm

Using HTML Popup but the PayPal content of Popup not showing

Using it as below: (there is a suggestion or a fleeting glimpse of image but doesn't persist):
I'm a programmer of sorts but have not skilled up with JS. Am I doing something obviously wrong?
All other types of Popups work on the same page. Thanks.
<a href="#"
onclick="return hs.htmlExpand(this, { contentId: 'highslide-PayPal', width: 550, height: 800 } )"
class="highslide">
Show PayPal Form:
</a>
******************************************
<div class="highslide-html-content" id="highslide-PayPal">
<div class="highslide-header">
<ul>
<li class="highslide-move">
<a href="#" onclick="return false">Move</a>
</li>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Close</a>
</li>
</ul>
</div>
<div class="highslide-body">

<script src="https://www.paypalobjects.com/api/checkout.js"></script>

<div id="paypal-button"></div>
<script>
paypal.Button.render({
env: 'sandbox', // Or 'production'
commit: true, // Show 'Pay Now' button
payment: function () {
/*
* Set up the payment here
*/
},
onAuthorize: function (data, actions) {
/*
* Execute the payment here
*/
}
}, '#paypal-button');
</script>

</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>

Return to “Highslide JS Usage”