linhas com cores alternadas

[bah 0]

ola galera...tudo certo?se nao me engano ja vi no forum isso..mas tentei procurar e nao achei...queria fazer, via CSS, uma tabela com as linhas com cores alternadas...tipo...cinza branco cinza branco cinza brancoagradeço,abraços []'s

[Giovani 104]

Dá uma olhada no csstablegallery!

Tem vários exemplos!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

classes... somente isso...

[Hunter_ 0]

linha_true {background: #666 color: #FFF; font-wheight: bold;}linha_false{background: #CCC; color:#000; }Agora se tiver querendo q ela escreva do banco eh so por um laço pra escrever a linha_false e true alternadas

[bah 0]

na verdade eh um pouco mais complicado que colocar do bancoele poe do banco...mas a inserção e para deletar os registros...são via ajax...ou seja...instantaneo..se tiver um laço por php vamos supor...se eu deleto um registro do meio da tabela...iria repetir as cores...tipo:brancocinzabrancocinzacinzabrancocinzabrancoou seja..minha ideia era ter algo que mudasse automaticamente...o css deixaria cor sim cor não independentemente se adicionar ou remover linhamas acho que nao tem jeitose alguem tiver uma solução agradeçoe obrigado ás respostas aih..to tentanu desvendar uma solução...se alguem puder ajudar...agradeço[]'s

[pa_bruno 0]

você teria q arrumar um jeito q via ajax, recuperasse a linha acima, pra ver qual a classe, pra colocar a inversa e atualizar as seguintes... meio complicado, mas... eh uma maneira... ;)

 

mas ae você vê com o pessoal d ajax... a parte d css jah foi colocada aki... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[crucifier 0]

td bem kra...

consegui fazer no ajax mesmo...

vou postar o código aki...apesar de estar em css...:

 

"x" eh a linha

e "cor" eh um input hidden q eu colokei com o valor da ultima linha...

então ele pega a cor da ultima linha, verifica qual cor esta, e coloca ao contrario dela...

fico meio complicado mas deu certo:

 

cor = document.getElementById('cor');	if (cor.value == '#FFFFFF') {		x.style.background = '#FFFFFF';		document.getElementById('cor').value = '#f9f9f9';	}else{		x.style.background = '#F9F9F9';		document.getElementById('cor').value = '#FFFFFF';	}	document.getElementById('inserir').style.background = document.getElementById('cor').value;

valew a atenção galera!