Oi, tudo bem! Estou tentando alterar um código aqui de um módulo do Opencart, o Pagseguro com Checkout Tranparente. Na parte do cartão de crédito ele tem a imagem do cartão e assim que eu clico no campo referente ao código de segurança ele vira o cartão, porém quando eu altero de campo ele não muda mais, apenas se eu voltar pra ele de novo pois ele utiliza a função Toggle do jquery.
Gostaria que ele apena virasse quando eu clicar no campo de código de segurança e quando clicar nos outros campos ele voltasse ao normal.
Pergunta
jgainfo
Oi, tudo bem! Estou tentando alterar um código aqui de um módulo do Opencart, o Pagseguro com Checkout Tranparente. Na parte do cartão de crédito ele tem a imagem do cartão e assim que eu clico no campo referente ao código de segurança ele vira o cartão, porém quando eu altero de campo ele não muda mais, apenas se eu voltar pra ele de novo pois ele utiliza a função Toggle do jquery.
Gostaria que ele apena virasse quando eu clicar no campo de código de segurança e quando clicar nos outros campos ele voltasse ao normal.
Segue um trecho do código:
$('#numero-cartao').bind("paste",function(e) {
selecionaBandeira();
getInstallments();
});
$('#cvv').focus(function(){
$('.flip-container').toggleClass('flip-container-hover');
});
$('#numero-cartao').focus(function(){
$('#credit-card-example-number').stop().animate({
opacity:1
}, 1000);
});
$('#nome').focus(function(){
$('#credit-card-example-customer').stop().animate({
opacity:1
}, 1000);
});
$('#validade').focus(function(){
$('#credit-card-example-validate').stop().animate({
opacity:1
}, 1000);
});
$('#cvv').focus(function(){
$('#credit-card-example-ccv').stop().animate({
opacity:1
}, 1500);
});
$('input').blur(function(){
$('.flip-container .front div:not(#credit-card-example-logo), .flip-container .back div').stop().animate({
opacity:0
}, 1000);
Pra verificarem vá no meu site de testes:http://www.decizie.esy.es/opencart/, e na aba forma de pagamento escolha cartão de crédito.
Obs. não efetuem nenhuma compra, pois os produtos são apenas de exemplo!
Muito obrigado!
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.