Fórum OpenCart Brasil

[jano]

Hoje eu vou ensinar como atualizar a imagem Captcha do OpenCart sem ter que atualizar a página inteira.
Vamos alterar a página de contato.

1. Vá ate a pasta catalog/view/theme/seu-tema/template/information
2. Der dois clique sobre o arquivo contact.tpl
3. Vá ate o final da página e adicione o código jquery antes de <?php echo $footer; ?>

Código: Selecionar todos

<script type="text/javascript"> 
$('#Captchaload').live('click', function() { Capt = new Date(); $("#Captchaim").attr("src", "index.php?route=information/contact/captcha/?"+Capt.getTime()); }); 
</script>

4. Remova esse código:

Código: Selecionar todos

<img src="index.php?route=information/contact/captcha" alt="" />

Por esse:

Código: Selecionar todos

<img id="Captchaim" src="index.php?route=information/contact/captcha" alt="" /> <a id="Captchaload"><img src="catalog/view/theme/default/image/refresh.png" title="Atualizar imagem" alt="" /></a>

Demo: http://demo.sincromaster.com.br/index.p ... on/contact

Agora faça o teste e veja o resultado

[Manoel Vidal]

Muito bacana esta modificação, parabéns!!!

[jano]

Muito bacana esta modificação, parabéns!!!

Obrigado Manoel Vidal

[Renato Frota]

Reforço o coro!

[Davi]

Mto bom! =D

[muambus]

Muito legal! Parabéns...

[jano]

Muito legal! Parabéns...

Obrigado!

[amilton]

Show. Valeu pela dica. Só um complemento: deve-se colocar uma imagem com o nome de refresh.png na pasta image em:
"catalog/view/theme/default/image/refresh.png"

[witalovs]

Meus parabéns @jano!

Show de bola cara!!

Abração!!!

[jano]

Obrigado witalovs