Insert 0 Denunciar post Postado Abril 26, 2007 Pessoal, como posso intercalar as cores das celular da tabela desse while: $sql = mysql_query("SELECT * FROM tabela LIMIT $inicio, $lpp");while ($linha = mysql_fetch_row($sql)) {printf("<tr class='cursor_mao' onClick=\"mudar_cor(this);mostraDiv('opcoes');\"><td height='20' align='center' scope='col'><input name='codigo[]' type='checkbox' value='".$linha[0]."' onclick=\"mudar_cor_chk(this,".$linha[0].");mostraDiv('opcoes');\" class='cursor_mao' /></td><td height='20' align='left' scope='col'> $linha[1]</td></tr>");} Tipo queria queria uma linha de uma cor e outra de outra tipo a primeira branca, a segunda azul, a terceira branca a quarta azul e assim vai...(s cores sao só ex. irei personalizar) Compartilhar este post Link para o post Compartilhar em outros sites
Beraldo 864 Denunciar post Postado Abril 26, 2007 Você pode criar um contador e, se o número for par, usar uma cor, caso contrário, usar outra. $cor1 = "blue"; $cor2 = "red"; $i = 2; while (<condição>) { $cor = ($i % 2 == 0) ? $cor1 : $cor2; echo "<td style=\"background: " . $cor . ";\">Texto</td>"; $i++; } Abraços, Beraldo Compartilhar este post Link para o post Compartilhar em outros sites
Insert 0 Denunciar post Postado Abril 26, 2007 Beraldo entao seria assim no meu codigo: <?php$cor1 = "blue";$cor2 = "red";$i = 2;$sql = mysql_query("SELECT * FROM tabela LIMIT $inicio, $lpp");while ($linha = mysql_fetch_row($sql)) {$cor = ($i % 2 == 0) ? $cor1 : $cor2;printf("<tr class='cursor_mao' onClick=\"mudar_cor(this);mostraDiv('opcoes');\" style=\"background: " . $cor . ";\"><td height='20' align='center' scope='col'><input name='codigo[]' type='checkbox' value='".$linha[0]."' onclick=\"mudar_cor_chk(this,".$linha[0].");mostraDiv('opcoes');\" class='cursor_mao' /></td><td height='20' align='left' scope='col'> $linha[1]</td></tr>");$i++;}?> Esta certo? Compartilhar este post Link para o post Compartilhar em outros sites
Fabyo 66 Denunciar post Postado Abril 26, 2007 com jquery, voce faz isso muito simples, só 1 linha de codigo, sem precisar mecher com php. $("tr:nth-child(odd)").addClass("odd"); Compartilhar este post Link para o post Compartilhar em outros sites
Insert 0 Denunciar post Postado Abril 26, 2007 COmo uso isso? onde coloco? Compartilhar este post Link para o post Compartilhar em outros sites
Fabyo 66 Denunciar post Postado Abril 27, 2007 Exemplo simples: http://www.fabyoguimaraes.com/jquery/tabela/tabela.html outro exemplo com mais recursos: http://www.fabyoguimaraes.com/jquery/tabela/ http://jquery.com Compartilhar este post Link para o post Compartilhar em outros sites
Djonatan Buss 0 Denunciar post Postado Abril 30, 2010 Exemplo simples: http://www.fabyoguimaraes.com/jquery/tabela/tabela.html outro exemplo com mais recursos: http://www.fabyoguimaraes.com/jquery/tabela/ http://jquery.com O endereço ja era.... Tens como mostrar os exemplos? ou tens algo mais atualizado pra se usar? eu tenho usado a função LexTable que esta no laboratorio de javascript, mas nao to mt feliz com ela, acho que eu deveria estar usando CSS Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Abril 30, 2010 Exemplo com CSS inline: http://forum.imasters.com.br/index.php?/topic/386333-tabelas-em-php-com-cores-alternadas/page__view__findpost__p__1502614 Compartilhar este post Link para o post Compartilhar em outros sites
Evandro Oliveira 331 Denunciar post Postado Abril 30, 2010 24Kb só pra uma tabela zebrada, Fabyo????? :erm: Enfim. Djonatam, faça o download do jQuery aqui (Versão 1.4.2 em 30/04/2010) sua marcação ficaria mais ou menos assim <!DOCTYPE bla bla bla <head> bla bla bla <script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script> </head> <body> bla bla bla bla bla bla <table class="zebrada"> conteúdo da tabela </table> <div id="rodape">Bla bla bla</div> <script type="text/javascript">$(function(){ $('table.zebrada tr:nth-child(odd)').css('background','#000'); });</script> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
Fabyo 66 Denunciar post Postado Abril 30, 2010 Evandro Oliveira não entendi seu comentario 24Kb só pra uma tabela zebrada, Fabyo????? :erm: Compartilhar este post Link para o post Compartilhar em outros sites
Evandro Oliveira 331 Denunciar post Postado Abril 30, 2010 Fabyo, baixar o jQuery só por causa de UM efeito, é desperdício de banda, mesmo que "míseros" 24k Se cada byte não fizesse diferença, não veríamos por aí inúmeras ferramentas de minificação de CSS por exemplo. Concordo que seja um framework espetacular, mas então vamos colocá-lo para fazer espetáculo, e não apenas uma tabela zebrada =S Compartilhar este post Link para o post Compartilhar em outros sites
André D. Molin 15 Denunciar post Postado Abril 30, 2010 Usa a pseudo-classe do CSS logo rs, se nao me engano até no IE8 ela já funciona. To falando da :nth-child, igual no jquery ali. Compartilhar este post Link para o post Compartilhar em outros sites
Fabyo 66 Denunciar post Postado Abril 30, 2010 Fabyo, baixar o jQuery só por causa de UM efeito, é desperdício de banda, mesmo que "míseros" 24k Se cada byte não fizesse diferença, não veríamos por aí inúmeras ferramentas de minificação de CSS por exemplo. Concordo que seja um framework espetacular, mas então vamos colocá-lo para fazer espetáculo, e não apenas uma tabela zebrada =S a questão toda nao é só isso, ninguem vai fazer só uma tabela zebrada e nada mais, eu dei uma dica que é pratica só isso, e outra coisa olha a data do topico, se acha disperdicio usar Jquery pra isso, simples só não usar. Compartilhar este post Link para o post Compartilhar em outros sites
Tofolê 0 Denunciar post Postado Janeiro 16, 2013 Você pode criar um contador e, se o número for par, usar uma cor, caso contrário, usar outra. $cor1 = "blue"; $cor2 = "red"; $i = 2; while (<condição>) { $cor = ($i % 2 == 0) ? $cor1 : $cor2; echo "<td style=\"background: " . $cor . ";\">Texto</td>"; $i++; } Abraços, Beraldo Sei que é um pouco andtigo o post, mas não poderia deixar de agradecer, pois na primeira pesquisa essa resposta caiu como uma luva. Grato. Compartilhar este post Link para o post Compartilhar em outros sites