Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vitor RC

Botao destaque

Por , em Javascript

Recommended Posts

Vitor RC    11

Vitor RC
Postado

Eae pessoa,

 

 

 

Tenho uma pagina e ao entrar nela PRECISO que uma div fique com uma cor LARANJA e a outra com a cor VERMELHA, ao clicar na DIV com cor VERMELHA, ela automaticamente fica com cor LARANJA e a div que é LARANJA vira vermelha entenderam? Como se fosse uma inversao, eu clico em uma a outra pega a cor da que eu cliquei! Eae, tem jeito?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jayr Alencar Jhs    2

Jayr Alencar Jhs
Postado

Usa jQuery, define as classes no css:

.laranja{background:orange}

.vermelha{background:red}

 

 

Na página html você faz:

<script>
$('.laranja').click(function(){
this.addClass('vermelha');
this.removeclass('laranja');
})
<script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vitor RC    11

Vitor RC
Postado

Cara, faz um exemplo bem PRATICO mesmo, porque a LINGUAGEM DE PROGRAMAÇÃO que eu nao entendo é JAVASCRIPT kkkkkk! Ajuda ai! Faz uma div e tals '-'

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Cara, calma ai, ele já lhe deu pronto, e agora nem tem haver com javascript, agora é você fazer o html para funcionar, nem html você sabe?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vitor RC    11

Vitor RC
Postado
  Em 17/06/2014 at 12:19, Ted k' disse:

Cara, calma ai, ele já lhe deu pronto, e agora nem tem haver com javascript, agora é você fazer o html para funcionar, nem html você sabe?

 

Calma ai nao sei porque, ta vendo alguem nervoso no POST, apenas pedi um exemplo pratico ou voce nao sabe ler?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado
  Citar

 

 

kkkkkk! Ajuda ai! Faz uma div e tals '-'

 

É... não sei ler mesmo! Você já respondeu a minha pergunta!

E não estou nervoso, só citei que saiu da linguagem que falou que não entendia...

Olha o exemplo ai, mas se preferir esperar o do colega tudo bem!

<!doctype html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.ativacao {background-color: #FF7F00;}
.ativa {background-color: #FF0000;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
   var ativacao = $(".ativacao");
   ativacao.on("click", function(e){
      e.preventDefault();
      if (!$(this).hasClass("ativa")){
         ativacao.toggleClass("ativa");
      }
   });
});
</script>
</head>
<body>
<a href="#" class="ativacao ativa">#######COR ORIGINAL #######</a>
<BR>
<a href="#" class="ativacao">#######COR ORIGINAL #######</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito