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:  
Entre para seguir isso  
Lerub

Problema com "onclick event" (night/dark mode)

Recommended Posts

Olá.

 

Eu estou tendo um problema com o OnClick Event. Apenas um dos elementos com a mesma tag ou classe seguem esse evento. E é bem possivel que eu tenha que criar um código beeem extenso, para fazer o que eu quero. E isso não é muito bom.

 

Nesse caso, eu usei o elemento A. Mas creio que isso não influencia muito, nesse caso.

 

O JavaScript:

 


<script>
window.onclick = nightMode;

function nightMode() {
    document.getElementsByTagName("FOOTER")[0].style.backgroundColor = "black";
    document.getElementsByClassName("post")[0].style.backgroundColor = "black";
    
}
</script>

Outro problema:

 

Em qualquer lugar da pagina que eu clique, o evento acontece.

 

Edition

 

Eu já resolvi um problema. Mas, ainda afeta apenas um elemento com a mesma classe.


   <script>
function nightMode() {
     document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
 document.getElementsByClassName("post")[0].style.backgroundColor = "black";
}
</script>

Editado por Lerub

Compartilhar este post


Link para o post
Compartilhar em outros sites
 

Caramba! To a mais dee 24hrs procurando um meio de fazer isso com JS puro e nada. Será que AJAX resolve o meu problema? Como eu resolvo isso?

 

 

Edit

Eu não sei mais onde procurar. O que me sugerem?

 

Resultado:

 

Obrigado por nã ajudarem!

 

A maneira que eu consegui fazer isso, foi o que eu não  queria fazer. uma "gambiarra"

 

<script>

function nightMode() {
    document.getElementsByTagName("BODY")[0].style.background = "black";
document.getElementsByClassName("post")[0].style.backgroundColor = "#363636";
document.getElementsByTagName("P")[0].style.color = "white";
document.getElementsByClassName("post")[1].style.backgroundColor = "#363636";
document.getElementsByTagName("P")[1].style.color = "white";
document.getElementsByClassName("post")[2].style.backgroundColor = "#363636";
document.getElementsByTagName("P")[2].style.color = "white";
}
</script>

Editado por Lerub

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

Entre para seguir isso  





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

×