Mudar cor de uma célula

[nuno35]

Boa noite

Tenho aqui um problema tenho uma tabela e tenho um botao dentro de uma celula e quero que ao carregar no botao ele va mudando a cor da propria celula, alguma ideia de como posso fazer isso?

Desde ja Obrigado

[HappyHippyHippo]

usas alguma biblioteca de javascript?

[nuno35]

estou a usar javascript para outras coisas aqui nao estou a conseguir fazer.

nao estou a usar nenhum biblioteca

Edited May 15, 2017 at 10:18 PM by nuno35

[jacreis]

Toma uma forma de fazer em JS
https://jsfiddle.net/9k8ggbo4/

[nuno35]

Eu estava a tentar fazer em jquery tenho assim:

$(document).ready(function(){
	$('#carrega').click(function(){
		$("#a_C1").css("background-color","red");
	});
});

porque é que isto não funciona? carrega e um botão e a_c1 é uma célula

[HappyHippyHippo]

12 hours ago, HappyHippyHippo said:

usas alguma biblioteca de javascript?

11 hours ago, nuno35 said:

nao estou a usar nenhum biblioteca

Quote

Eu estava a tentar fazer em jquery tenho assim:

afinal é boi ou vaca ?!?!?!

 

vê lá se consegues responder a isto : eu bato a minha mão numa _________ e não faz barulho, porque será ?

Edited May 16, 2017 at 09:46 AM by HappyHippyHippo

[JakeBass]

esse código parece estar correto, por isso o problema deve ser outra coisa.

faz um jsfiddle

[jacreis]

O código deverá funcionar correctamente, caso estejas a utilizar a livraria JQuery ou Zepto.

 

+1 para o @HappyHippyHippo por me fazer rir a bandeiras despregadas...

[nuno35]

6 horas atrás, HappyHippyHippo disse:

afinal é boi ou vaca ?!?!?!

 

vê lá se consegues responder a isto : eu bato a minha mão numa _________ e não faz barulho, porque será ?

é jquery

Entao este codigo esta correto mas so muda para uma cor como é que eu posso cada vez que carrego ele mudar para uma cor percorrendo um array de cores?

[HappyHippyHippo]

57 minutes ago, nuno35 said:

é jquery

Entao este codigo esta correto mas so muda para uma cor como é que eu posso cada vez que carrego ele mudar para uma cor percorrendo um array de cores?

como este topico esta a desenvolver de forma lenta e gradual, suponho que so e possível ter uma visão clara do problema daqui a dois dias. Como tal, so responderei entao

[nuno35]

12 minutos atrás, HappyHippyHippo disse:

como este topico esta a desenvolver de forma lenta e gradual, suponho que so e possível ter uma visão clara do problema daqui a dois dias. Como tal, so responderei entao

Tenho um botao dentro de uma celula e quero que cada vez que se carrega muda a cor da celula por exemplo tenho [azul,vermelho,verde]

Carrego 1 vez fica azul, 2 vezes fica vermelho, 3 vezes fica verde, 4 vezes volta ao azul

Acho que expliquei bem

Edited May 16, 2017 at 04:59 PM by nuno35

[HappyHippyHippo]

2 hours ago, nuno35 said:

Acho que expliquei bem

ainda não

queres :

1 vez : cor X | 2 vezes : cor Y | ...

ou

1 vez : vor X | vez seguinte : cor Y | vez segunite : ...

[nuno35]

A segunda opçao: cada vez que carrego muda par a proxima cor dando a volta

Edited May 16, 2017 at 08:23 PM by nuno35

[nuno35]

58 minutos atrás, HappyHippyHippo disse:

ainda não

queres :

1 vez : cor X | 2 vezes : cor Y | ...

ou

1 vez : vor X | vez seguinte : cor Y | vez segunite : ...

A segunda opçao: cada vez que carrego muda par a proxima cor dando a volta

[HappyHippyHippo]

então primeiro necessitas de uma lista, segundo necessitas de alguma coisa que indica qual a posição da lista, no final, sempre que caregas no botão, alteras o valor desse indicador para apontar para o próximo elemento da lista e actualizas o css correspondente

[nuno35]

2 horas atrás, HappyHippyHippo disse:

então primeiro necessitas de uma lista, segundo necessitas de alguma coisa que indica qual a posição da lista, no final, sempre que caregas no botão, alteras o valor desse indicador para apontar para o próximo elemento da lista e actualizas o css correspondente

exatamente essa parte ja consegui fazer criei a lista de cores e pus contador que cada vez que muda incrementa um valor so nao consigo depois voltar ao inicio quando chega ao fim da lista para

[nuno35]

Eu vou perguntando mas depois consigo fazer, já consegui com que desse a volta

$(document).ready(function(){
	var cores =['red','green','blue','yellow','#ff4d94','cyan'];
	var x = 0;
	$("#c1_1_button").click(function(){
		$("#c1_1").css("background-color",cores[x]);
		x=x+1;
		if (x == cores.length){x=0};
	});

	$("#c2_1_button").click(function(){
		$("#c2_1").css("background-color",cores[x]);
		x=x+1;
		if (x == cores.length){x=0};
	});
	$("#c3_1_button").click(function(){
		$("#c3_1").css("background-color",cores[x]);
		x=x+1
		if (x == cores.length){x=0};
	});
	$("#c4_1_button").click(function(){
		$("#c4_1").css("background-color",cores[x]);
		x=x+1
		if (x == cores.length){x=0};
	});
});

Agora so não estou a conseguir guardar a cor que fica, queria guardar o nome da cor que fica em cada um como é que posso depois aceder a cor que ficou?

[jacreis]

o que estás a fazer é avançar com cada um na lista, i.e

clicas no #c1_1_button tens a cor "red", qd clicas no  #c2_1_button "green" e qd cliccas no #c1_1_button 'azul'.

Suponho que não seja este o efeito que queiras obter.

[nuno35]

19 minutos atrás, jacreis disse:

o que estás a fazer é avançar com cada um na lista, i.e

clicas no #c1_1_button tens a cor "red", qd clicas no  #c2_1_button "green" e qd cliccas no #c1_1_button 'azul'.

Suponho que não seja este o efeito que queiras obter.

 

Sim é isso que eu quero agr so queria guardar as cores por exemplo se ficar com red na primeira e blue na segunda guardar uma string com 'RB'