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!

Obrigado pela resosta! Eu resolvi de outra forma sem Jquery mesmo, é que esse código é da plataforma de E-Commerce Opencart e ele estava selecionando, porém apenas o primeiro do loop, ai que não dava certo. Mas esse código funciona corretamente! Obrigado!

Obrigado por responder, porém não esta pegando. Se eu deixar apenas "button" ele pega, entretanto todos os buttons! Existe uma outra maneira de selecionar apenas o primeiro button? Muito obrigado!

Oi, tudo bem pessoal! Gostaria de saber como faço pra selecionar apenas o primeiro "button" desse código: <div class="button-group"> <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button> <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button> <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button> </div> Pra depois inserir uma classe/id nela e aplicar um efeito. Na verdade eu quero selecionar o primeiro elemento, no caso o "button" e faze-lo desaparecer pode ser com o ".hide" ou .css('display', 'none'). Se alguém souber, dá uma ajuda nesta parte, ficarei muito agradecido! Muito obrigado!

Oi, tudo bem! Eu estou validando os dados com o plugi'n "jquery validator" e gostaria de adicionar um método que validasse o CEP, consultando por exemplo um WebService como o da República Virtual. Procurei pela Net e ainda não encontrei. Eu tenho um Script que preenche os campos de endereço pelo CEP automaticamente, e utilizo no Opencart, teria como adaptar esse código apenas para validar o CEP, segue o código: <script type="text/javascript"> $(function(){ $('#input-postcode').blur(function(){ var cep = $.trim($('#input-postcode').val().replace('-', '')); $( "#input-custom-field6" ).focus(); $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+cep, function(){ if(resultadoCEP["resultado"] == "1"){ $('#input-address-1').val(unescape(resultadoCEP["tipo_logradouro"])+" "+unescape(resultadoCEP["logradouro"])); $('#input-address-2').val(unescape(resultadoCEP["bairro"])); $('#input-city').val(unescape(resultadoCEP["cidade"])); $('#input-country').find('option[value="30"]').attr('selected', true); $.post('index.php?route=account/register/estado_autocompletar&estado=' + unescape(resultadoCEP['uf']), function(zone_id){ $.ajax({ url: 'index.php?route=account/account/country&country_id=30', dataType: 'json', beforeSend: function() { $('#input-country').after('<span class="wait">&nbsp;<img src="catalog/view/theme/graveagudo2012/image/loading.gif" alt="" /></span>'); }, complete: function() { $('.wait').remove(); }, success: function(json) { if (json['postcode_required'] == '1') { $('input[name=\'postcode\']').parent().parent().addClass('required'); } else { $('input[name=\'postcode\']').parent().parent().removeClass('required'); } var html = '<option value=""><?php echo $text_select; ?></option>'; if (json['zone'] != '') { for (i = 0; i < json['zone'].length; i++) { html += '<option value="' + json['zone'][i]['zone_id'] + '"'; if (json['zone'][i]['zone_id'] == zone_id) { html += ' selected="selected"'; } html += '>' + json['zone'][i]['name'] + '</option>'; } } else { html += '<option value="0" selected="selected"><?php echo $text_none; ?></option>'; } $('#input-zone').html(html); } }); }); } }); }); }); </script>Obs.* Eu já utilizo um plugi'n de máscaras, o jquery Mask! Desde já agradeço pela atenção!

Oi, tudo bem! Gostaria de saber se te como eu criar uma área de login e cadastro para visitantes poderem ver conteúdos privados? Eu quero criar uma página de download de arquivos e a mesma será restrita. A pessoa/visitante que for acessar a pagina de downloads encontrara apenas uma mensagem dizendo que precisa esta logado para poder efetuar os downloads. Eu quero que qualquer pessoa/visitante que chegue ao site faça um cadastro como por exemplo nome/user e email e depois faça o login para poder fazer esse downloads da página em questão. Não é para cadastrar manualmente no admin e depois passar a senha, não é isso que eu quero. Falo isso pois procurei bastante na web e a maioria dos plugin's que encontrei era para o admin. Se houver algum plugi'n grátis que faça isso ou mesmo manualmente, por favor gostaria que me ajudassem, por favor! Muito obrigado!

Oi, tudo bem! Gostaria de saber se a classe PHPMailer ainda funciona? Antigamente eu usava ela e funcionava perfeitamente. Agora ela e me retorna esta mensagem de erro: "Não foi possível enviar o e-mail.Informações do erro: SMTP connect() failed." Isso tanto localmente quanto remotamente, utilizando o Wamp (com o openssl habilitado) e nos servidores 000WebHost e Hostinger. Criei uma pasta "phpmailer" com os arquivos "class.phpmailer, class.pop3, PHPMailerAutoload, class.smtp", dentro. segue o código: <?php require 'phpmailer/class.phpmailer.php'; require 'phpmailer/class.smtp.php'; // Inicia a classe PHPMailer $mail = new PHPMailer(); // Define os dados do servidor e tipo de conexão // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= $mail->IsSMTP(); // Define que a mensagem será SMTP $mail->Host = "smtp.gmail.com"; // Endereço do servidor SMTP $mail->SMTPAuth = true; // Usa autenticação SMTP? (opcional) $mail->Username = 'jgainfo2@gmail.com'; // Usuário do servidor SMTP $mail->Password = 'juan123456'; // Senha do servidor SMTP // Define o remetente // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= $mail->From = "jgainfo2@gmail.com"; // Seu e-mail $mail->FromName = "Juan"; // Seu nome // Define os destinatário(s) // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= $mail->AddAddress('jgainfo@yahoo.com.br', 'Juan'); //$mail->AddAddress('ciclano@site.net'); //$mail->AddCC('ciclano@site.net', 'Ciclano'); // Copia //$mail->AddBCC('fulano@dominio.com.br', 'Fulano da Silva'); // Cópia Oculta // Define os dados técnicos da Mensagem // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= $mail->IsHTML(true); // Define que o e-mail será enviado como HTML //$mail->CharSet = 'iso-8859-1'; // Charset da mensagem (opcional) // Define a mensagem (Texto e Assunto) // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= $mail->Subject = "Mensagem Teste"; // Assunto da mensagem $mail->Body = "Este é o corpo da mensagem de teste, em <b>HTML</b>! :)"; $mail->AltBody = "Este é o corpo da mensagem de teste, em Texto Plano! \r\n :)"; // Define os anexos (opcional) // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= //$mail->AddAttachment("c:/temp/documento.pdf", "novo_nome.pdf"); // Insere um anexo // Envia o e-mail $enviado = $mail->Send(); // Limpa os destinatários e os anexos $mail->ClearAllRecipients(); $mail->ClearAttachments(); // Exibe uma mensagem de resultado if ($enviado) { echo "E-mail enviado com sucesso!"; } else { echo "Não foi possível enviar o e-mail."; echo "<b>Informações do erro:</b> " . $mail->ErrorInfo; } Obrigado desde já pela atenção de todos!

Oi, tudo bem! Bom, Eu consegui fazer um exemplo bem próximo ao que quero, depois de muito procurar e fazer testes. Funciona da seguinte forma: Clico no link e logo em seguida carrega a página utilizando o método/função "onload", depois aplica um efeito e altera a url da página em questão. Link do exemplo: http://decizie.esy.e.../jquery-onload/. Segue o código da index.php: <!doctype html> <head> <title>Exemplo de Jquery Onload</title> <style type="text/css"> #menu { margin: 10px auto; width: 300px; } #menu ul { list-style: none; } #menu ul li { margin: 0 auto; display: inline-block; } #menu ul li a { padding-right: 39px; text-decoration: none; } #conteudocentral { margin: 0 auto; width: 300px; height: 200px; background: #ccc; border-radius: 10px; } #conteudocentral h1 { margin-top: 30px; width: 300px; height: auto; text-align: center; float: left; } #conteudocentral p { text-align: center; } </style> <script type='text/javascript' src='jquery-1.9.0.min.js'></script> <script type="text/javascript"> $(document).ready(function(){ $("#menu a").on('click', function(e) { e.preventDefault(); var href = $(this).attr('href'); $("#conteudocentral").hide("slow").load( href +" #conteudocentral").show('slow'); // HISTORY.PUSHSTATE history.pushState('', 'New URL: '+href, href); e.preventDefault(); }); }); </script> </head> <body> <nav id="menu"> <ul> <li><a href="index.php">Home</a></li> <li><a href="sobre.php">Sobre</a></li> <li><a href="contatos.php">Contatos</a></li> </ul> </nav> <div id="conteudocentral"> <h1>Home</h1> <p>Esta é a página Inicial!</p> </div> </body> </html> Porém falta algumas coisas. 1. Gostaria de quando alterar o histórico do navegador e a página alterasse também. Vi algo com o método/função "onpopState", "replaceState", algo com o "history", ou até com o plugin "history.js", mas ainda estou tentando implementar. 2. Sobre o efeito igual o do Site "skitter-slider.net", eu não sei se poderá ser feito, ou seja, o efeito de apresentar a página de acordo com a sequência que quando clica no menu na ordem da esquerda para a direita, a página é carregada da direita para a esquerda e se você voltar ou seja clica da vindo da direita para a esquerda a página é carregada da esquerda para a direita. Se alguém souber como eu procedo para colocar um efeito da página/conteúdo vindo da direita para a esquerda, seria legal! 3. O conteúdo das outras páginas, no caso do exemplo, a "sobre.php" e "contato.php" eu tenho que colocar de novo a "div" com o "id - conteudocentral" pra poder pegar corretamente, e nos exemplos que vi na net precisaria colocar a div com o id no caso do exemplo "conteudocentral" apenas uma vez na "index.php". Muito obrigado pela ajuda de todos que compartilharam o conhecimento e me ajudaram e espero contar ainda! Foi desse site que consegui retirar a função de alterar a url e ele também tem a de history, porém não entendi direito como posso implementa-la no meu código! Site: http://html5.gingerhost.com Obrigado!

Obrigado "sousatg", show de bola este site que você me passou! Mas creio que ainda não seja esse efeito. Acredito que com Algum código em Jquery consiga isso. Pois no site que citei ele faz uma transição do conteúdo vindo dos lados e dependendo da ordem que é clicado a ordem muda e ainda aparece na URL, bem interessante. Mas valeu, vou continuar procurando algo e esperando mais alguém responder! Obrigado!

Oi, tudo bem pessoal! Gostaria de saber como eu faço o efeito igual ao do site "skitter-slider.net", que quando você clica num link do menu, o conteúdo da página em questão é carregado com um efeito tipo "slider", vindo da direta para esquerda, fazendo com que o site fique mais dinâmico e parecendo sem o efeito de refresh. E o interessante e que se você clica no menu na ordem da esquerda para a direita, a página é carregada da direita para a esquerda e se você voltar ou seja clica da vindo da direita para a esquerda a página é carregada da esquerda para a direita! Penso que seja feito com jquery e com a propriedade .ajax(), talvez. Se alguém puder me ajudar como proceder para implementar esse código eu desde já ficaria meuito grato! Obrigado!