Publicado em 4 de jun.

[Resolvido] Esconder Tabelas em Javascript

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.

Discussão (7)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

P@trique· 4 de jun.

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

Progjunior Daniel· 4 de jun.

O codigo ta ae:

<div id="tabela" style="top:700px;">

<table width="850" border="1" cellspacing="0" cellpadding="3">

 

 <tr bgcolor="#069">

 <td class="azul_bold" width="350" style="padding:5px;"></td>

 <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 style="cursor:pointer;" bgcolor="#CEE7FF">

 <td class="azul_bold" width="200" style="padding:5px;" onClick="MM_menu('trb')"><?=$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; display:none" bgcolor="#FFE6BF" id="trb" >

 <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; display:none" bgcolor="#FFC" id="trc" >

 <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; display:none" bgcolor="#EBFFBF", id="trd">

 <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++;

 }

 } ?>

 

 

 </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· 6 de jun.

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

P@trique· 6 de jun.

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

:thumbsup:

marcusIII· 7 de jun.

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

P@trique· 7 de jun.

>
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· 21 de jun.

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..