Ir para conteúdo

POWERED BY:

Arquivado

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

Vitor RC

Botao destaque

Recommended Posts

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

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

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

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

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

 

 

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

×

Informação importante

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