Ajuda - Busca - Membros - Calendário
Versão Completa: contador no botao e trocar figura
Fórum Script Brasil > Programação & Desenvolvimento > PHP
Xismenes
Gostaria de saber como eu faço pra que quando a pessoa der 10 cliques no botao enviar de um formulario , troque uma figura por outra


valeww
Hugo Dias
Xismenes,tente isso:

CODE
<script>
    var qtdclick = 0;
    var id;
    function prcTrocaImg(){
        qtdclick += 1;
        if(qtdclick == 10){
         document.getElementById("img").style.display='none';
         document.getElementById("img2").style.display='block';
        }
        
    }
</script>
<input type="button" value="clique" name="btnclick" onclick="prcTrocaImg()">
<div id="img">
    <img src="../../suaimagem.jpg">
</div>
<div id="img2" style="display:none">
    <img src="../../suaimagem2.jpg">
</div>


Não vai dar pra explicar detalhadamente agora,pois estou meio atrasado =D
Mas faço outro post explicando melhor mais tarde(afinal,o importante é você entender),se a galera do fórum não explicar para você.
Abraços.
Xismenes
mas ai como que eu faço para sumir com o botao ou desabilitar ele ?? o botao de enviar no caso ... porque ai as pessoas não vao poder clicar nele mais ...



valeu

QUOTE(Xismenes @ 12/06/2012 - 00:09) *
mas ai como que eu faço para sumir com o botao ou desabilitar ele ?? o botao de enviar no caso ... porque ai as pessoas não vao poder clicar nele mais ...



valeu




ou até mesmo sumir com esse form .... ou alguma coisa desse tipo , ou sumir com o botao que faz abrir a pagina do formulario
Hugo Dias
Para desabilitar o botão,faça o seguinte:

Coloque um ID no botão,por exemplo: id="btn";

Dentro do IF :

CODE
if(qtdclick == 10){
         document.getElementById("img").style.display='none';
         document.getElementById("img2").style.display='block';
         document.getElementById("btn").disabled = true;
      }


Abraços.
Hugo Dias
Cara,fiz um up de uma ótima apostila de javascript. Vale a pena estudá-la.

Apostila Javascript
Esta é uma versão simplificada de nosso conteúdo principal. Para ver a versão completa com maiores informações, formatação e imagens, por favor clique aqui.
Invision Power Board © 2001-2013 Invision Power Services, Inc.