Ir ao conteúdo
  • Cadastre-se
natanojj

Como criar botões e mudar a cor dos botões com o jquery

Posts recomendados

1 - Criar 3 botões;

 

2 - utilizando jQuery mudar a cor dos botões na inicialização da página de forma que o botão 1 deve ser vermelho, o botão 2 deve ser azul e o botão 3 deve ser verde. 

 

3 - ao clicar no botão 1, os botões 2 e 3 devem ficar na cor roxa;

 

4 -  ao clicar no botão 2, os botões 1 e 3 devem ficar na cor amarela;

 

5 -  ao clicar no botão 3, os botões 1 e 2 devem ficar na cor cinza;

 

criar um quarto botão que ao ser clicado, retorna os botões 1,2,3  para as cores do passo 2.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Prezado,

 

Seja bem-vindo ao Fórum do Clube do Hardware; obrigado por sua participação! :)

 

Quanto à sua dúvida, para podermos lhe ajudar, nós precisamos de mais alguns detalhes, tais como:

 

  • parte do código que já foi feito;
  • caso não tenha um código feito, qual o algoritmo que você pretende usar para resolver o problema;
  • você tem experiência com esta linguagem de programação?

 

Por favor, não leve para o lado pessoal, mas o nosso objetivo principal aqui é ajudar você a resolver o problema, se simplesmente postássemos um código já pronto, você nunca aprenderia de fato... ;)

 

Atenciosamente,

Equipe Clube do Hardware

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenho com o C e C#.

 

a linguagem para desenvolver é o javascript, estou aprendendo ela e não tenho o código.

 

desde já agradeço

Compartilhar este post


Link para o post
Compartilhar em outros sites

@natanojj

Podemos ajudar você, mas antes você precisa tentar fazer seu exercício e postar aqui um código de tentativa. 

O tal exercício é de nível iniciante, acredito que com algumas horas de estudo você entenderá como manipular o elemento com jQuery.

 

O que posso fazer por você no momento é dar um norte.

 

Pesquise sobre a função css()

e como iniciar o jQuery usando a função ready()

 

Depois que postar uma tentativa(mesmo que esteja errada) aí sim, podemos te dar um código ou simplesmente corrigir o seu explicando os erros!

Compartilhar este post


Link para o post
Compartilhar em outros sites
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>
<!DOCTYPE html>
  <h1>Jonatan</h1>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">   
    <title>Jonatan</title>
  
 <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>   
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript"> 
    
        $(function () {
            $( "#barra" ).buttonset();
        });
        $("#botao2").click(function () {
            $("botao2").css('color', '# ff1a1a');

        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
   
           
     <div id="barra">
         <div id="botao1">
        <button>botao1</button>
    </div>
       
        <div id="botao2">
        <button>botao2</button>
    </div>
        <div id="botao3">
         <button>botao3</button>
    </div>
       
       
        

    </div> 
    </form>
</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@natanojj Ok., seu código tem erros.

Você tem que pensar no seguinte:

 

Cada botão deve ter uma ação de click, setando as cores.

esta linha está errada:  ("botao2").css('color', '# ff1a1a');

 

A tralha(#) não pode ficar separada da cor e o atributo que muda a cor está errado. color é usado para textos, o fundo precisa ser em background.

 

Veja um exemplo funcionando: https://jsfiddle.net/ekdaLrfo/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Muito obrigado, conseguiu consertar os erros do código wlu.....

Compartilhar este post


Link para o post
Compartilhar em outros sites
Este tópico está parado há muito tempo. Certifique-se que a sua mensagem tem a ver com o tema sendo discutido. Obrigado.

Junte-se à conversa

Você pode postar agora e cadastrar-se depois. Se você tem uma conta, faça o login para postar.

Visitante
Responder

×   Você colou conteúdo com formatação.   Restore formatting

  Só é possível ter até 75 emoticons.

×   O link foi automaticamente convertido para mostrar o conteúdo.   Clique aqui para mostrá-lo como link comum

×   Seu texto anterior foi restaurado.   Limpar o editor

×   You cannot paste images directly. Upload or insert images from URL.






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

×
×
  • Criar novo...

GRÁTIS: minicurso “Como ganhar dinheiro montando computadores”

Gabriel TorresGabriel Torres, fundador e editor executivo do Clube do Hardware, acaba de lançar um minicurso totalmente gratuito: "Como ganhar dinheiro montando computadores".

Você aprenderá sobre o quanto pode ganhar, como cobrar, como lidar com a concorrência, como se tornar um profissional altamente qualificado e muito mais!

Inscreva-se agora!