[Resolvido] Esconder Tabelas em Javascript

Progjunior Daniel · Junho 4, 2012

Boa tarde galera, tenho um problema aqui que não consigo resolver.

Tenho uma tabela que esta sendo alimentada por 3 laços de for, preciso esconder o conteudo de cada uma que esta dentro de for, tentei usando display:none e fazendo uma função só que a função só some o primeiro valor do for, o restante ele nao some. Alguem tem alguma ideia para me ajudar?

Um abraço aguardo a resposta e a atenção de voces.

P@trique · Junho 4, 2012

Poste o code ai, vai ficar mais fácil te ajudar :thumbsup: talvez um this resolva, mais só vendo mesmo.

Progjunior Daniel · Junho 4, 2012

O codigo ta ae:

<td class="azul_bold" align="center" width="100" style="padding:5px;"><font color="white">Quantidade de Usuarios</font></td>

<td class="azul_bold" align="center" width="100" style="padding:5px;"><font color="white">Quantidade de Acessantes</font></td>

<td class="azul_bold" align="center" width="100" style="padding:5px;"><font color="white">Percentagem de Acessantes</font></td>

<td class="azul_bold" align="center" width="100" style="padding:5px;"><font color="white">Quantidade de Acessos</font></td>

<td class="azul_bold" align="center" width="100" style="padding:5px;"><font color="white">Percentagem de Acessos</font></td>

</tr>

<?

$y = 0; $k = 0; $w = 0; $z = 0; ?>

<? for($x=0;$x<$cont_projeto;$x++)

{ ?>

</tr>

<?

for($a=0;$a<$cont_rede;$a++){

?>

</tr>

<?

for($b=0;$b<count($c_reg[$y]);$b++){?>

</tr>

<?

for($c=0;$c<count($c_esc[$z]);$c++){?>

</tr>

<?

$w++;

} $k++;

$z++;

} $y++;

}

} ?>

</table>

</div>

Eu não consigo esconder as trs que estao dentro dos lacos do for, ate consegui esconder o primeiro laco, mas os trs restantes dentro do mesmo for eu ainda nao consegui. O codigo ta grande qualquer coisa agente diminui.

Progjunior Daniel · Junho 6, 2012

Consegui resolver, vide a duvida mais acima. Vlw pela força

P@trique · Junho 6, 2012

como fez? aonde estava o erro? deixe registrado aqui para ajudar outras pessoas que possam ter as mesmas dúvidas.

:thumbsup:

marcusIII · Junho 7, 2012

registra nada não. programação de guerrilha, cara!

P@trique · Junho 7, 2012

registra nada não. programação de guerrilha, cara!

!!! isso é um fórum e devemos focar acima de tudo no compartilhamento das idéias e soluções, se não existir isso... não faz sentido :thumbsup:

Progjunior Daniel · Junho 21, 2012

Gente a resposta está no campo acima, com o mesmo titulo, eu não estava conseguindo acessar essa. Deu um erro, aqui esta o endereço:

http://forum.imasters.com.br/topic/466785-esconder-tabelas-em-javascript/

codigo:

<tr style="cursor:pointer;" bgcolor="#CEE7FF" class="projeto" id="<?=$x?>">
<td class="azul_bold" width="200" style="padding:5px;"><?=$lista[0][0][0]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[0][0][1]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[0][0][2]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[0][0][3]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[0][0][4]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[0][0][5]?></td>
</tr>
<? 
for($a=0;$a<$cont_rede;$a++){
?>
<tr style="cursor:pointer;" bgcolor="#FFE6BF" class="rede" id="<?=$x?><?=$a?>">
<td class="azul_bold" width="200" style="padding-left:20px;"><?=$lista[1][$a][0]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[1][$a][1]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[1][$a][2]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[1][$a][2]/$lista[1][$a][1])*100),2,",",".")."%"?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[1][$a][4]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[1][$a][4]/$totalgeralAcesso)*100),2,",",".")."%"?></td>
</tr> 
<? 
for($b=0;$b<count($c_reg[$y]);$b++){?>
<tr style="cursor:pointer;" bgcolor="#FFC" class="regional" id="<?=$x?><?=$a?><?=$b?>">
<td class="azul_bold" width="200" style="padding-left:40px;"><?=$lista[2][$k][0]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[2][$k][1]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[2][$k][2]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[2][$k][2]/$lista[2][$k][1])*100),2,",",".")."%"?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[2][$k][4]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[2][$k][4]/$totalgeralAcesso)*100),2,",",".")."%"?></td>
</tr> 
<? 
for($c=0;$c<count($c_esc[$z]);$c++){?>
<tr style="cursor:pointer;" bgcolor="#EBFFBF" class="escola" id="<?=$x?><?=$a?><?=$b?><?=$c?>">
<td class="azul_bold" width="200" style="padding-left:60px;"><?=$lista[3][$w][0]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[3][$w][1]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[3][$w][2]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[3][$w][2]/$lista[3][$w][1])*100),2,",",".")."%"?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=$lista[3][$w][4]?></td>
<td class="azul_bold" align="center" width="100" style="padding:5px;"><?=number_format((($lista[3][$w][4]/$totalgeralAcesso)*100),2,",",".")."%"?></td>
</tr> 
<? 
$w++;
} $k++;
$z++; 
} $y++;
}
} ?>

e o jquery fica assim:

<script type="text/javascript">
$(document).ready(function() {
$('.rede').hide();
$('.regional').hide();
$('.escola').hide();

$('tr.projeto').click(function(){

var idTR = this.id;


<?for($rede=0;$rede<$a;$rede++){?>
$('#'+idTR+'<?=$rede?>').toggle();
<?for($regi=0;$regi<$b;$regi++){?>
$('#'+idTR+'<?=$rede?>'+'<?=$regi?>').hide();
<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$rede?>'+'<?=$regi?>'+'<?=$y?>').hide();
<?}?>
<?}?>
<?}?>


}, function() {

var idTR = this.id;
<?for($rede=0;$rede<$a;$rede++){?>
$('#'+idTR+'<?=$rede?>').toggle();
<?for($regi=0;$regi<$b;$regi++){?>
$('#'+idTR+'<?=$rede?>'+'<?=$regi?>').hide();
<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$rede?>'+'<?=$regi?>'+'<?=$y?>').hide();
<?}?>
<?}?>
<?}?>
});

$('tr.rede').click(function(){

var idTR = this.id;

<?for($regi=0;$regi<$b;$regi++){?>
$('#'+idTR+'<?=$regi?>').toggle();
<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$regi?>'+'<?=$y?>').hide();
<?}?>
<?}?>


}, function() {

var idTR = this.id;
<?for($regi=0;$regi<$b;$regi++){?>
$('#'+idTR+'<?=$regi?>').toggle();
<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$regi?>'+'<?=$y?>').hide();
<?}?>
<?}?>

});

$('tr.regional').click(function(){

var idTR = this.id;

<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$y?>').toggle();
<?}?>

}, function() {

var idTR = this.id;
<?for($y=0;$y<$c;$y++){?>
$('#'+idTR+'<?=$y?>').toggle();
<?}?>

});


});</script>

desculpem fiquei ocupado vendo outras coisas..

Arquivado

[Resolvido] Esconder Tabelas em Javascript

Recommended Posts

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

P@trique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

P@trique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcusIII 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

P@trique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante