Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Desabilitar botão de sorteio ao clicar nele uma vez

2 participantes

Início :: Forumeiros :: NostalgiaDesabilitar botão de sorteio ao clicar nele uma vez

Houdini Houdini  • Ter 3 Jul 2018 - 15:48

Desabilitar botão de sorteio ao clicar nele uma vez Empty Desabilitar botão de sorteio ao clicar nele uma vez Ter 3 Jul 2018 - 15:48

[quadrado="Descrição"]Gostaria do seguinte efeito, vejam as imagens abaixo.

Botão normal.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Posteriormente ao clicar para realizar o sorteio.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

E que o botão fosse desabilitado ao clicar uma vez.

Tenho aqui o seguinte exemplo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ainda falta terminar, mas estou tendo alguns problemas para realizar o desejado.
Continuarei tentando, quaisquer coisa atualizo o tópico.

Editado:
Aqui tenho um exemplo bem funcional, porém ainda não consigo desabilitar o botão. abaixo segue.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Consegui fazer, mas não sei se está correto, ficarei no aguardo de respostas. abaixo segue a minha solução. Atribui uma id ao botão e posteriormente, ativei o disabled.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[/quadrado]
[quadrado="Informações"]Fórum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão: MODERNBB[/quadrado]

Daemon Daemon  • Ter 3 Jul 2018 - 22:53

Desabilitar botão de sorteio ao clicar nele uma vez Empty Re: Desabilitar botão de sorteio ao clicar nele uma vez Ter 3 Jul 2018 - 22:53

Não está errado! Você também pode fazer da seguinte maneira:
Código:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="boxsorte">

      <p id="fontuno">Sorteio de Cards Bronze</p>

      <button onclick="randNumber(this)">Realizar Sorteio</button>

      <button id="numbers" class="num"></button>
                                                             
  </div>
<script>
function randNumber(e)
  {
      var numbers = [1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,4,4,4,4,4,5,5,5,5,5,6,6,6,6,6,7,7,7,7,7,8,8,8,8,8,9,9,9,9,9,10];
      var returns = 1;
      var element = document.getElementById('numbers');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers.length);
        element.innerHTML += '' + numbers[rand] + '';
        returns--;
      }
      while(returns > 0);
      e.disabled = true;
  }
  </script>
</body>
</html>

Houdini Houdini  • Qua 4 Jul 2018 - 20:40

Daemon Daemon  • Qua 4 Jul 2018 - 22:39

Desabilitar botão de sorteio ao clicar nele uma vez Empty Re: Desabilitar botão de sorteio ao clicar nele uma vez Qua 4 Jul 2018 - 22:39

[sucesso=Tópico resolvido]Tópico movido e arquivado. O autor está satisfeito e/ou a questão foi resolvida.[/sucesso]
Tópico movido para: Arquivo JavaScript & jQuery

Conteúdo patrocinado  • 

Desabilitar botão de sorteio ao clicar nele uma vez Empty Re: Desabilitar botão de sorteio ao clicar nele uma vez

Início :: Forumeiros :: Nostalgia:: Desabilitar botão de sorteio ao clicar nele uma vez
Permissões neste sub-fórum
Não podes responder a tópicos