Tutorial: Como Colorir Alguns Campos De Uma Tabela Usando Jquery
Neste tutorial vamos aprender como colorir algumas linhas, específicos, de uma tabela após ela já estar toda carregada na página HTML.
Para isso, vamos usar o framework jQuery.
O primeiro passo é construir a tabela:
<table id="tb1" border="1">
<tbody><tr>
<th>Codigo</th>
<th>Nome</th>
<th>Idade</th>
</tr>
<tr>
<td>01</td>
<td>Sérgio Santos</td>
<td>30</td>
</tr>
<tr>
<td>02</td>
<td>José Carlos Messias</td>
<td>38</td>
</tr>
<tr>
<td>03</td>
<td>Gian Carlos Mendonça</td>
<td>28</td>
</tr>
<tr>
<td>04</td>
<td>Maria Claudia</td>
<td>22</td>
</tr>
</tbody>
</table>
O segundo passo e escreve o código CSS que vai colorir a linha a tabela:
<style type="text/css">
.fundoIdade{
background-color:#758CCA;
}
</style>
No final da página html vamos inserir um código [removed]
<script type="text/javascript">
function ColoriIdades(idade){
$('#tb1 tbody tr').each(function(i){
tr=$(this);
tr.children('td').removeClass('fundoIdade');
valor=tr.children('td:eq(2)').html();
if(valor==idade){
tr.children('td').addClass('fundoIdade');
}
})
}
</script>
Entendendo o código [removed]
na primeira linha $('#tb1 tbody tr').each(function(i) vamos percorrer todas as tr da tabela.
na segunda linha tr=$(this); colocamos na variável tr o valor do objeto de cada tr
na terceira linha tr.children('td').removeClass('fundoGrupo') removeos a classe para quando for chamda novamente não sobreponha.
na quarta linha valor=tr.children('td:eq(2)').html() colocamos na variável valor, o valor html de cada linha que está na coluna 2, contamos a partir de zero.
na quinta linha fazemos uma checagem if(valor==idade) ou seja, se for a idade que estou querendo, então colore a linha
e por fim na sexta linah tr.children('td').addClass('fundoGrupo') a linha da tabela é colorida.
CHAME A FUNÇÃO da seguinte forma;
<a rel="nofollow" onclick="javascript:pageTracker._trackPageview('/outgoing/article_exit_link');" href="[removed]void(0)" onClick="ColoriIdades(30)">colorir linha com idade 30 anos</a>
Lembrando que para o tutorial funcionar devemos estar usando a biblioteca jquery.
OBS: para baixar a biblioteca jquery entrar neste link: CLIQUE AQUI
(Artigonal SC #1221165)
PROGRAMAÇÃO EM DELPHI, O MAIS FAMOSO COMPILADOR E MODELADOR DE OBJETOS DA ATUALIDADE
Saiba como surgiu a linguagem .NET, por que ela é diferente das demais linguagens e as vantagens que isso proporciona.
Este artigo tem por objetivo mostrar como utilizar a API CGLIB para interceptar chamadas de métodos em objetos no Java. Se você estiver se perguntando “mas por que eu deveria interceptar a chamada de um método?”, pretendo fazer com que você entenda como isso pode aumentar a sua produtividade e reduzir os erros no código.
Entenda como funciona o uso de memória pelo Java e como se prevenir de memory leaks
Aprenda a utilizar a Commons E-mail API para enviar e-mails utilizando Java
Conheça essa poderosa linguagem que é a ASP. Por ser extremamente fácil de se lidar, ela é hoje, umas das linguagens mais usadas em sites na internet.
A AGIT INFORMÁTICA iniciou inscrições para turma de Qt 4.6.
A AGIT INFORMÁTICA iniciou inscrições para a primeira turma de LINGUAGEM C++ do ano de 2010. Veja todas as informações do curso em nossos site: www.agit.com.br - desde horários e dias ministrados, valores, formas de pagamento, descontos, localização e muito mais.
Misericórdia é amar aquele que não merecer ser amado. Misericórdia e abrir o coração para que o outro entre inteiro.
Neste tutorial vamos aprender como colorir algumas linhas, específicos, de uma tabela após ela já estar toda carregada na página HTML. Para isso, vamos usar o framework jQuery.
É interessante perceber neste trecho lindo retirado do Evangelho de São Marcos que Jesus insistiu quando perguntava para a multidão: “Quem me tocou”. Ele não estava interessando, naquele momento, em saber quem O tinha esbarrado quem O tinha empurrado, pois havia ali muitas pessoas. Ele estava querendo saber qual era a pessoa que Ele tinha acabado de curar. É interessante perceber que Jesus curou aquela mulher sem ela pedir nada, ela simplesmente O tocou com fé e sua hemorragia foi curada.
É essa verdade que Cristo nos convida a viver hoje. Entregar a Ele tudo aquilo que em nós é miserável. O garoto naquele dia não tinha 1 milhão de pães e peixes para servir a todos, mais ele ofereceu o que tinha: 5 pães e 2 peixes o resto é o Cristo que faz.
É clássico dizer que um cliente satisfeito com um produto, ou serviço, divulgará incondicionalmente o seu sentimento para pelo menos três pessoas; já, em situação adversa, um cliente insatisfeito divulgará o seu desagradado para umas 10, 20 ou até 30 pessoas, e isso em uma hipótese otimista. Vale a pena lembrar que nunca se tem uma segunda chance de ter uma primeira impressão, e que, quem não tem tempo para pensar não tem tempo para ganhar dinheiro.
“Em verdade, em verdade te digo que quem não nascer de novo, não pode ver o reino de Deus” (João 3: 3). Nascer de novo, SIM, mas não por meio de um segundo nascimento biológico, e sim por um nascimento espiritual, por meio do Espírito Santo, uma vez que é impossível compreender o Reino de Deus e entrar nele, sem um renascimento pelo Espírito Santo.
Se o amor fosse um sentimento ele seria frágil. E o amor não é frágil. O amor é um ato, uma atitude em favor do outro. O que o amor é então?
O Pai é o criador, o Filho (Jesus Cristo) o Salvador e o Espírito Santo é o Consolador, o Paráclito e o nosso advogado.
