Gabriel
Coloquei da forma que você postou acima porem o meu label fica em branco.
Segue meu código completo:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Código de exemplo do botão Comprar Agora</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
//Pegamos o formulário do botão
var wpsBn = jQuery('#wps-bn');
//Interceptamos o clique no botão
wpsBn.click(function(e){
//Evitamos o comportamento padrão, de submeter o formulário
e.preventDefault();
//Mostramos a mensagem de redirecionamento
jQuery('<div class="sa_payPal_overlay" style="visibility:visible;; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=\'#88ffffff\', EndColorStr=\'#88ffffff\'); background: rgba(255,255,255,0.8); top:0; left:0; z-index: 999999;"><div style=" background: #FFF; background-image: linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -o-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -moz-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -ms-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-gradient(linear, left top,left bottom,color-stop(0.45, #FFFFFF),color-stop(0.8, #E9ECEF));display: block;margin: auto;; margin-left:-220px; left:45%;top: 40%;text-align: center;color: #2F6395;font-family: Arial;padding: 15px;font-size: 15px;font-weight: bold;width: 530px;-webkit-box-shadow: 3px 2px 13px rgba(50, 50, 49, 0.25);box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 5px;border: 1px solid #CFCFCF;border-radius: 6px;"><img style="display:block;margin:0 auto 10px" src="https://www.paypalobjects.com/en_US/i/icon/icon_animated_prog_dkgy_42wx42h.gif"><h2>Aguarde alguns segundos.</h2> <p style="font-size:13px; color: #003171; font-weight:400">Você está sendo redirecionado para um ambiente seguro do PayPal<br /> para finalizar seu pagamento.</p><div style="margin:30px auto 0;"><img src="https://www.paypal-brasil.com.br/logocenter/util/img/logo_paypal.png"/></div></div></div>').appendTo('body');
//Submetemos o formulário após a exibição da mensagem
wpsBn.submit();
});
});
</script>
<script>
//caso queira manipular o valor guardar em variavel.
var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
//substituir o 'R$' por vazio "".
valor.replace('R$', '');
// adiciona ao label o valor do ID StepArea_otSingleShipment_OrderTota
document.getElementById('id_da_label').innerHTML = valor;
</script>
</head>
<body>
<form target="_blank" id="wps-bn" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
<!--Tipo do botão-->
<input id="Totallbl" type="text" />
<input type="hidden" name="cmd" value="_xclick" />
<!--Vendedor e URL de retorno, cancelamento e notificação-->
<input type="hidden" name="business" value="paypal@artsim.com.br" />
<input type="hidden" name="return" value="http://loja.com.br/retorno" />
<input type="hidden" name="cancel" value="http://loja.com.br/cancelamento" />
<input type="hidden" name="notify_url" value="http://loja.com.br/notificacao" />
<!--Internacionalização e localização da página de pagamento-->
<input type="hidden" name="charset" value="utf-8" />
<input type="hidden" name="lc" value="BR" />
<input type="hidden" name="country_code" value="BR" />
<input type="hidden" name="currency_code" value="BRL" />
<!--Informações sobre o produto e seu valor-->
<input type="hidden" name="amount" value="<%= valor %>" />
<input type="hidden" name="item_name" value="Servico" />
<input type="hidden" name="quantity" value="1" />
<!--Botão para submissão do formulário-->
<input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif" />
</form>
</body>
</html>
