Você não está conectado. Conecte-se ou registre-se

Desabilitar botão de sorteio ao clicar nele uma vez

Ir em baixo  Mensagem [Página 1 de 1]

Houdini

avatar
Membro elite

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

Botão normal.
[Você precisa estar registrado e conectado para ver esta imagem.]

Posteriormente ao clicar para realizar o sorteio.

[Você precisa estar registrado e conectado para ver esta imagem.]

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

Tenho aqui o seguinte exemplo.
[Você precisa estar registrado e conectado para ver 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.
[Você precisa estar registrado e conectado para ver 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.

[Você precisa estar registrado e conectado para ver este link.]
[/quadrado]
[quadrado="Informações"]Fórum: [Você precisa estar registrado e conectado para ver este link.]
Versão: MODERNBB[/quadrado]

Ver perfil do usuário

Daemon

avatar
Admin

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>

Ver perfil do usuário http://zz1856.com

Houdini

avatar
Membro elite

Ficou ótimo, thanks.

Ver perfil do usuário

Daemon

avatar
Admin

[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

Ver perfil do usuário http://zz1856.com

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum