none
Background Div RRS feed

  • Pergunta

  • Como faço para mudar a cor de um background da div clicando no botão?

    exemplo: tenho botões na página: Button 1 = vermelho, Button 2 = verde, quando eu clicar em um dos botões a cor background da div muda.

    grato,

    sexta-feira, 4 de novembro de 2016 03:59

Respostas

  • IdDoBotao.OnClientClick = "document.getElementById('quadrado').style.backgroundColor = '#ff0000'; return false;"


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Exclusivy sexta-feira, 4 de novembro de 2016 18:17
    sexta-feira, 4 de novembro de 2016 17:47
  • Componentes javascript são mais fáceis de achar gratuitos.

    Um exemplo é o ColorPicker


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Exclusivy sexta-feira, 4 de novembro de 2016 18:31
    sexta-feira, 4 de novembro de 2016 18:25

Todas as Respostas

  • Seu botão é um Server Control (asp:Button) ou é criado via HTML (<button> ou <input>)?

    Se for HTML, isto é o bastante:

    <div id="quadrado" style="width: 50px; height: 50px"></div>
    
    <button onclick="document.getElementById('quadrado').style.backgroundColor = '#ff0000';">Botão 1</button>
    
    <button onclick="document.getElementById('quadrado').style.backgroundColor = '#00ff00';">Botão 2</button>


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    sexta-feira, 4 de novembro de 2016 09:50
  • é um asp:button neste caso ficaria como
    sexta-feira, 4 de novembro de 2016 17:06
  • O código que coloquei no onclick você colocará no atributo onclientclick do seu asp:button.

    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    sexta-feira, 4 de novembro de 2016 17:27
  • acontece que clico no botao, ele mostra a cor e da o reflash na tela ae neste caso volta ficar vazio background
    sexta-feira, 4 de novembro de 2016 17:39
  • Basta acrescentar um return false.

    Ex:

    <asp:Button onclientclick="document.getElementById('quadrado').style.backgroundColor = '#ff0000'; return false;" />


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    sexta-feira, 4 de novembro de 2016 17:41
  • deu certim se fosse para fazer no aspx.cs como ficaria?
    sexta-feira, 4 de novembro de 2016 17:44
  • IdDoBotao.OnClientClick = "document.getElementById('quadrado').style.backgroundColor = '#ff0000'; return false;"


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Exclusivy sexta-feira, 4 de novembro de 2016 18:17
    sexta-feira, 4 de novembro de 2016 17:47
  • Muito bom, ótimo deu certim, vou dar continuidade aqui, caso haja alguma outra duvida deste mesmo assunto, posto novamente. E assim depois fecho o tópico. Valeu mesmo. Obrigado
    sexta-feira, 4 de novembro de 2016 17:58
  • Por um acaso, em vez de clicar no botão para enviar a cor na div, teria algum componente que apresentar-se uma paleta de cores, porque senão vou ter que criar muito botão rrsr.
    sexta-feira, 4 de novembro de 2016 18:03
  • Componentes javascript são mais fáceis de achar gratuitos.

    Um exemplo é o ColorPicker


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Exclusivy sexta-feira, 4 de novembro de 2016 18:31
    sexta-feira, 4 de novembro de 2016 18:25
  • sucesso.
    sexta-feira, 4 de novembro de 2016 18:32
  • background-color:#corescolhidaaqui;
    sexta-feira, 6 de janeiro de 2017 12:58