Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Kimo Gordinho

Função - Acender, apagar e quebrar lâmpada

Recommended Posts

Postado (editado)

Bom dia ^^

Então, tô com um programa aqui, que executa o seguinte:
Ao passar e/ou parar o mouse em cima da lâmpada, a lâmpada acende e ao retirar de cima da lâmpada, apaga e, ao clicar, deve-se quebrar a lâmpada e continuar quebrada só que não tô conseguindo kkkk... já olhei e re-olhei o código e não vejo nada de errado :/ 

Já tentei também, mudar o "onmousemove" por "onmouseover", mas, não funciona.

 

O código é esse abaixo

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8"/>
    <title>Teste JavaScript</title>
    <script>
        var quebrada = false;
        function mudaLampada(tipo) {
            if (!quebrada) {
                document.getElementById("luz").src = "_imagens/" + tipo + ".jpg";
                if (tipo == 'lampada-quebrada') {
                    quebrada = true;
                }
            }
        }
    </script>
</head>
<body>
        <h1>Acenda a lâmpada</h1>
    <img src="_imagens/lampada-apagada.jpg" id="luz" onmousemove="mudaLampada('lampada-acesa')" onmouseout="mudaLampada('lampada-apagada')" onclick="mudaLampada('lampada-quebrada')"/>
</body>
</html>

 

 

Na verdade, o navegador ou o programa, que eu uso para escrever o código, estava dando conflito. Tive que sair do PC pra resolver assunto particular e então fechei o programa e a janela no navegador com o resultado. Chegando em casa, abri o resultado do código (arquivo HTML) direto no Google Chrome e tava lá, meu programa funcionando perfeitamente bem :D

Obrigado por tudo ^^ 

Editado por DiF
Remover a parte cheia de negrito

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Kimo Gordinho você pode usar um código simples como.

<html>
  <head>
    <title>Lampada</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <img src="_imagens/lampada-apagada.jpg" id="myLuz">
    <script>
        var img = document.getElementById("myLuz");
    	function interruptorOff() {
        	 img.src = "_imagens/lampada-apagada.jpg";
        }
      	
      	function interruptorOn() {
         	 img.src = "_imagens/lampada-acesa.jpg";
        }
      
      	function lampadaQuebrar() {
         	img.src = "_imagens/lampada-quebrada.jpg"; 
        }
      
      	img.addEventListener("mouseover", interruptorOn);
      	img.addEventListener("mouseout", interruptorOff);
      	img.addEventListener("click", lampadaQuebrar);
    </script>
  </body>
</html>

Provavelmente você esqueceu de colocar algumas informações que faltavam no atributo src de sua imagem. Resolvi o problema editando o código com os padrões W3C para que separa HTML de JavaScript.

Editado por Adriano_web

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • Autor do tópico
  • @Adriano_web Não. Não foi isso. Não esqueci de nada. Eu já tinha resolvido o problema. 

    Ah... eu também coloquei a tag "RESOLVIDO". Só olhar, faz o favor ;)

    Editado por DiF
    Remover parte que pode dar confusão

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    A me desculpa, sou novo aqui mais valeu, não tinha observado mesmo a etiqueta. 

    • Curtir 1

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    @Kimo Gordinho @Adriano_web

    Olá,  por favor evite, de usar a tag para colocar resolvido. Esta tag é usada para encontrar assuntos relacionados.

    Não coloquem a tag de resolvido nela ou no título. 

    Obrigado pela compreensão.

    • Curtir 2

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites
  • Autor do tópico
  • @DiF Ah tá, tranquilo. Eu fiz isso por que eu esperava que com isso o tópico fosse fechado para que não ocorresse novos post's desnecessários, entende ?

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    @Kimo Gordinho

    4 horas atrás, Kimo Gordinho disse:

    isso por que eu esperava que com isso o tópico fosse fechado para que não ocorresse novos post's desnecessários, entende ?

    Sem problemas quanto a isso.

    Quanto mais tópicos tiver, mais movimentação.  Não fechamos mais tópicos resolvidos.

     

    • Curtir 1

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites
  • Autor do tópico
  • @DiF Aaaaahh sim, entendi.
    Muito obrigado ^^

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Crie uma conta ou entre para comentar

    Você precisar ser um membro para fazer um comentário






    Sobre o Clube do Hardware

    No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

    Direitos autorais

    Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

    ×