• 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:  
Rodrigo Zambrano

efeito acende, apaga e quebra lâmpada com javascript

5 posts neste tópico

Meu problema é o seguinte. Quero fazer o seguinte efeito. Tenho imagem de 03 lâmpadas apagadas, uma do lado da outra. Quando passo o mouse  por cima da lâmpada 01 ela acende. Quando passo o mouse por cima da lâmpada 02, ela acende e deixa a lâmpada 01 ainda acessa. Quando passo para a lâmpada 03 ela acende e deixa as lâmpadas 01 e 02 acessas também. Quando tiro o mouse das lâmpadas elas apagam, as 03. Até aí eu fiz usando javascript ("getElementById" e trocando as fotos. O que quero fazer agora é quando clicar na lâmpada 01 ela quebrar e as outras duas apagam, quando clicar na lâmpada 02, a lâmpada 01 e 02 quebram e a terceira se apaga (ou mantem apagada). E quando clicar na lâmpada 03, as 03 quebram. E depois que uma lâmpada é quebrada nada mais pode ser feito. O efeito chega ao fim, seja quebrando a lâmpada 01, 02 ou 03. Alguém pode me ajudar? Consigo fazer isso usando JavaScript. Meus arquivos já estão preparados por lampada_acessa / lampada_apagada / lampada_quebrada. Obrigado!!

Editado por Rodrigo Zambrano

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Rodrigo Zambrano Olá, seja bem vindo em nosso Clube do Hardware.

Você pode fazer tudo isso com javascript...   se quiser ter uma melhor ajuda, poste suas imagens e o código javascript.

1 pessoa curtiu isso

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

 A dificuldade é quando clicar no quadrado 01, fica acesso e os outros apagados. Quando clicar no 02 fica o 01 e 02 acessos e o 03 apagado. E quando clicar no 03, fica os 03 acessos, 01, 02 e 03. E nada muda mais depois de cada click. Fecharia a função javascript. @DiF, será que não consegue nos ajudar? Muito obrigado mais uma vez! :D Abração

Editado por DiF
Retificar seu post, porque o post anterior foi apagado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Rodrigo Zambrano Sim, podemos ajudar,  mas você precisa postar a sua tentativa de código( não a copiada do post anterior) 

Precisamos que você poste seu andamento, a sua lógica e  etc.

 

De inicio eu questiono o seguinte:

No primeiro post, você informa que sua lampada tem 3 estados. Apagada, acesa e quebrada.

O estado inicial é apagado. Quando clica uma vez na lampada 1, ela acende, quando clica na lampada 1 de novo ela quebra. Se a 1 quebrar antes dos outros,  quando clicar no 2, a lampada 1 não poderá ser acesa pois está quebrada. e assim por diante até quebrar as tres.

 

Agora no seu segundo post você abandonou a ideia de quebrar? 

1 pessoa curtiu isso

Compartilhar este post


Link para o post
Compartilhar em outros sites

@DiF eu me confundi. Sim, o terceiro estado é ela quebrada. Vou dar uma organizada no código e mando aqui. Obrigado! Abraço

1 pessoa curtiu isso

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

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar agora