Mudar linha de cor

[mkboy 1]

Quero fazer tipo que ao clicar na linha ela mude de cor... e permaceça....Se não for possível ao clicar na linha, pode ser em algum checkbox... ao checar a sua linha muda de cor... ao tirar o check volta ao normal!Como fazer?

[Tiago Cardoso 1]

aki:

//Altera a cor da linha do grid quando clicadavar objAnt = new Object();function SetaCor(myElement){		if(myElement.className != "classe")	{			myElement.className = "classe";	}			//Limpa a tr e passa p/ outra	if(objAnt != myElement)	{		objAnt.className ="";																						}	objAnt = myElement;				}

e na tr:

 

<tr onClick='SetaCor(this);'>

o problema é só funciona no IE, tente adaptar, ok?

[mkboy 1]

Excelente!Duas dúvidas:1. Eu queria mudar o bgcolor da linha, como fazer?2. Eu queria que ao clicar novamente ele voltasse a cor normal!

[Tiago Cardoso 1]

acho que é só colocar na td a função e mudar para isso:

 

//Altera a cor da linha do grid quando clicadavar objAnt = new Object();function SetaCor(myElement){		if(myElement.className != "classe")	{			myElement.className = "classe";	}			//Limpa a tr e passa p/ outra	if(objAnt == myElement)	{		objAnt.className ="";																						}	objAnt = myElement;				}

ve ai......

[Shison 0]

Olá, utilizando 2 estilos css previamente definidos é realmente uma ótima solução:

 

function mudaCor (pt_, novoCss_){	if (pt_.className != novoCss_)		{			pt_.antigoCss = pt_.className;			pt_.className = novoCss_;		}	else		pt_.className = pt_.antigoCss;}<tr class="estilo1" onClick="java script: mudaCor (this, 'estilo2');">	<td>...</td></tr>

 

Você também pode alterar diretamente a cor de fundo acessando o estilo da linha:

..pt.style.backgroundColor = "#FF0000";..