Jump to content


Photo

Inserir Linhas De Cor Diferente


  • Faça o login para participar
1 reply to this topic

#1 bcs_poa

bcs_poa

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 04/02/2011, 11:03

Bom dia rapaziada, tanho aqui uma tabela, só gostaria de fazer as linha aparecer uma de cada cor, mas não me lembro como se faz, se alguem puder ajudar agradeço. segue o código.


<?php

$select = "SELECT * FROM livros";

$query = mysql_query($select);

?>

<table align="center">
<tr bgcolor="#8fb577">
<td width="400" class="fonte_lista">Titulo</td>
<td width="200" class="fonte_lista">&Aacute;rea</A></td>
<td width="200" class="fonte_lista">Status</A></td>
<td colspan="2" width="80" class="fonte_lista">A&ccedil;&atilde;o</td>
</tr>

<?php while ($dados = mysql_fetch_assoc($query)){ ?>

<tr>
<td bgcolor="#FFFFFF" class="fonte_lista2"><?php echo $dados['titulo'];?></td>
<td bgcolor="#FFFFFF" class="fonte_lista2"><?php echo $dados['area'];?></td>
<td bgcolor="#FFFFFF" class="fonte_lista2"><?php echo $dados['status'];?></td>
<td bgcolor="#FFFFFF" align="center">
<a href="form_editar_livros.php?id=<?php echo $dados['id']; ?>" title="Editar Cadastro"> <img src="img/lupa.png" style="border:none;"></a>
</td>
<td>
<div style="display:<?php if($_SESSION['UsuarioNivel'] == 2) echo 'block'; else echo 'none';?>">
<a href="excluir_livros.php?id=<?php echo $dados['id']; ?>" title="Excluir Cadastro" onClick="return verify()"><img src="img/lixo.png" style="border:none;"></a> </div>
</td>
</tr>

<?php } ?>
</table>

#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 04/02/2011, 14:01

Você pode criar duas classes do CSS:

.zebraUm{background:#C4DCC4}
.zebraDois{background:#EBF3EB}

E depois adicionar esse código jquery:

Retire esses atributos das suas td:
bgcolor


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


$(document).ready(function() {
   $('table tbody tr:odd').addClass('zebraUm');
   $('table tbody tr:even').addClass('zebraDois');
});


Abração!
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq