0

Trabalhando com cores em tabelas

criado por Cléver Anjos em 30/06/2002 11:31am
Para criar uma tabela que alterne 2 cores no fundo de cada linha (observe que estas cores são fixas, abaixo eu explico como fazer para a cor mudar quando o mouse passar por cima) use o exemplo de código abaixo:
Vou dar o exemplo em uma listagem de uma consulta em MySQL.

<?php
$c1 = "#FFFFFF"; // Cor1 : branco
$c2 = "#CCCCCC"; // Cor2 : cinza claro

if($res = mysql_query("SELECT cod, nome, tel 
                              FROM cadastro 
                              ORDER BY nome LIMIT 0, 25")) {

    echo "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>";
    echo "<TR><TH>Cod</TH><TH>Nome</TH><TH>Telefone</TH></TR>";

    $c=0;  // flag de controle para alternância de cores
    while($r=mysql_fetch_row($res)){ 
	echo “<tr bgcolor=”.(($c++&1)?$c1:$c2).”><td>$r[0]</td><td>$r[1]</td><td>$r[2]</td></tr>”;
    }       // Observe que usei o operador ? para fazer as
            // vezes de um if e colocar tudo dentro 
            // de um único echo
            // Ele funciona assim 
            // (teste)?(Comando se TRUE):(comando se FALSE)}
            // Usei tambem o incremento ++ e o AND bit a bit
            // assim o resultado entre a variavel $c e 1 
            // fica oscilando entre 0 e 1
    echo "<TABLE>";
}
?>

Comentários:

Mostrando 1 - 10 de 11 comentários
FABIANO disse:
esse caras saw doido fala d+ quem naw tem nada a dizer né Sr.Italo Marcelo de O. Costa
01/05/2007 6:08pm (~17 anos atrás)

ah mais uma coisa, tem que ser entre aspas
<TR onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#FFDD55'">
23/03/2007 9:56am (~17 anos atrás)

Cara eu utilizo esse efeito faz tempo, em ambos os navegadores (IE e Firefox) a única diferença é que eu não uso a cor dessa maneira 0xFFFFFFF e sim da maneira convencional #FFFFFF, ai funciona beleza no firefox
23/03/2007 9:55am (~17 anos atrás)

Cléver,

o efeito é muito bacana mas, tem um probleminha! SÓ FUNCIONA NA MERDA DO INTERNET EXPLORER!!!!!

abraços,
13/04/2006 5:05pm (~18 anos atrás)

Sandro Caiado disse:
Bacana o artigo!
Parabéns!
17/07/2005 5:26pm (~18 anos atrás)

elton r disse:
continue ajudando os iniciantes, infelizmente alguns so olham para o nivel em que esta,obrigado.
23/05/2005 11:32am (~19 anos atrás)

Po, eu pirei na atitude do camarada "Italo Marcelo de O. Costa" que PAPELAO EIM MANO!!

È isso ai, todo SCRIPT por Pequeno que ele seja deve ser compartilhado.

Afinal nosso portal PHPBRASIL é pra TODOS!
26/12/2004 5:36pm (~19 anos atrás)

muito legal, simples e fácil de usar, parabéns cléver!
05/04/2004 4:49pm (~20 anos atrás)

Ô Italo, cara eu simplismente fiquei bobo de ver sua reaçao, nunca imaginava que um cara do seu nível fosse tao idióta a chegar nesse ponto, a essa crítica, até parece que é inveja, até parece que vc ganha dinheiro desse site por cada postagem sua, por acaso vc ganha a vida aqui nesse site cara?? por acaso vc nao tem mais nada pra fazer na vida do que ficar aqui postando scripts, faqs etc só pra ficar no topo da lista!???
Que vergonha, vc poderia dormir sem essas, queimaçao de filme! eu hem!!
21/10/2003 5:29am (~20 anos atrás)

É isso aí, gente. Se não fosse pra compartilhar nosso conhecimento, não existiria este espaço. Continuem mandando scripts, comentários, artigos e tudo mais. Parabéns aos participantes.
20/06/2003 11:56am (~21 anos atrás)

Novo Comentário:

(Você pode usar tags como <b>, <i> ou <code>. URLs serão convertidas para links automaticamente.)