Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Linhas da tabela em cores alternadas (JavaScript)

27-04-2007 22:13

Vou mostrar nesse script abaixo com obter linhas alternadas em uma tabela.

<style type="text/css"> /* abaixo os estilos da dor de fundo */ .cor_ativa{background-color:#cccccc;} .cor_inativa{background-color:#ffffff;} </style> <script language="JavaScript"> // a função é aberta e é obtido o id da tabela function troca(id) { // é definido linha q onde será feito as trocas if(document.getElementsByTagName) { var tabela = document.getElementById(id); var linha = tabela.getElementsByTagName("tr"); for(var i=0; i < linha.length; i++) { // é obtido o resultado do resto da divisão da linha por 2 // dando 0, mostra a cor (baseado em par e ímpar) if(i % 2==0) { linha[i].className="cor_ativa"; } else { linha[i].className="cor_inativa"; } // fechamento do if } // fechamento do for } // fechamento do if (document... } // fechamento da função </script> <body onLoad="troca('tabela')"> <table id="tabela"> <tr> <td>conteúdo da linha 1</td> </tr> <tr> <td>conteúdo da linha 2</td> </tr> <tr> <td>conteúdo da linha 3</td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado