Ir para conteúdo
  • 0

[Resolvido] Duvida » Botão bootstrap executar a mesma ação do botão do PagSeguro


Nano

Pergunta

Quero que um botão feito em bootstrap abra a lightbox do pag seguro


 


Botão do bootstrap



<a href="#" class="btn btn-primary">Comprar!</a>

Botão do pag seguro


 




<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="1B091A9C5252CAABB4752FB611189BF9" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO --> 

 


 

Basicamente, quero que o botão bootstrap execute a mesma "ação" que a imagem do botão do pag seguro iria executar

Link para o comentário
Compartilhar em outros sites

22 respostass a esta questão

Posts Recomendados

Guest Dêemezeká

 

Quero que um botão feito em bootstrap abra a lightbox do pag seguro

 

Botão do bootstrap

<a href="#" class="btn btn-primary">Comprar!</a>

Botão do pag seguro

 

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="1B091A9C5252CAABB4752FB611189BF9" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-comprar.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO --> 

 

 
Basicamente, quero que o botão bootstrap execute a mesma "ação" que a imagem do botão do pag seguro iria executar

 

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="1B091A9C5252CAABB4752FB611189BF9" />
<input type="submit" class="btn btn-primary" name="submit" title="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO --> 

tenta isso

Link para o comentário
Compartilhar em outros sites

<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html"
                                        method="post">
                                            <input type="hidden" name="itemCode" value="1B091A9C5252CAABB4752FB611189BF9">
                                            <input type="submit" class="btn btn-primary" value="Comprar">
                                        </form>

espero ter ajudado
Editado por ~jp
Link para o comentário
Compartilhar em outros sites

 

<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html"
                                        method="post">
                                            <input type="hidden" name="itemCode" value="1B091A9C5252CAABB4752FB611189BF9">
                                            <input type="submit" class="btn btn-primary" value="Comprar">
                                        </form>

espero ter ajudado

 

 

O link ta cortado 

 

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="1B091A9C5252CAABB4752FB611189BF9" />
<input type="submit" class="btn btn-primary" name="submit" title="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO --> 

tenta isso

 

 

 

Nenhum dos dois funcionou

Link para o comentário
Compartilhar em outros sites

<form action="https://pagseguro.uol.com.br/checkout/v2/cart.html?action=add" method="post">
<input type="hidden" name="itemCode" value="1B091A9C5252CAABB4752FB611189BF9">
<input type="submit" class="btn btn-primary" value="Comprar">
</form>

Experimente este.

Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

 

Não :/

 

coloca la a pagina que te mandei so que no servidor, se colocar em localhost vai dar esse erro:

YPKn7L4.png

 

pq em localhost :// é considerado como arquivo local pq ele pega o protocolo q esta sendo usado na url, que é file://

Link para o comentário
Compartilhar em outros sites

<form action="https://pagseguro.uol.com.br/checkout/v2/cart.html?action=add" method="post">
<input type="hidden" name="itemCode" value="1B091A9C5252CAABB4752FB611189BF9">
<input type="submit" class="btn btn-primary" value="Comprar">
</form>

Experimente este.

 

Também não foi, apareceu uma pagina do PagSeguro escrito "Não foi possível adicionar o item selecionado ao carrinho."

coloca la a pagina que te mandei so que no servidor, se colocar em localhost vai dar esse erro:

YPKn7L4.png

 

pq em localhost :// é considerado como arquivo local pq ele pega o protocolo q esta sendo usado na url, que é file://

No servidor foi, só que o botão ficou em cima do outro 

 

http://pagseguro.sky-grid.cf/

Editado por NanoOFF
Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

Também não foi, apareceu uma pagina do PagSeguro escrito "Não foi possível adicionar o item selecionado ao carrinho."

No servidor foi, só que o botão ficou em cima do outro 

 

http://pagseguro.sky-grid.cf/

entao adiciona esse codigo em qualquer lugar da pagina:

<style> input[type="submit"]{ display:inline-block; } </style>
Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.
×
×
  • Criar Novo...