Exibir / Ocultar linha tabela HTML (Funciona IE e falha no Firefox)
Bom dia pessoal,
Alguém poderia me ajudar com o html a seguir. A intenção é exibir/ocultar a linha de uma tabela ao clicar em um link, localizado na última célula da tabela. O mesmo está funcionando perfeitamente no IE, porém, no firefox, ao clicar no link, a linha é exibida, mas perde totalmente a formatação, ficando completamente desposicionada em relação as outras colunas da tabela.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Conteudo</title>
</head>
<body background="/dfhwbimg/background1.gif" style="margin:0px; padding: 0px">
<div style="width:100%; height: 30px; background-color:#000000; margin-top:0px; margin-bottom:40px; padding:0px">
<h5 style="color:#ffffff; font-family:Arial; padding-top:5px; margin:00px; text-align:center">DETALHES DO ROTEAMENTO DO CICS - </h5>
</div>
<div style="width:100%; display:block; position:fixed; margin-top: 30px">
<script language="JavaScript">
function mostraDetalhes(tabela) var status = document.getElementById(tabela);
if (status.style.display == "none")
{
status.style.display = "block";
}
else
{
status.style.display = "none";
}
}
</script>
<table width="90%" ALIGN="CENTER" CELLSPACING="3" CELLPADDING="3" BORDER="0" style="padding:0px">
<tr>
<th colspan=18 style="padding-bottom:20px; padding-top:20px; border:0">DADOS DO ROTEAMENTO</th>
</tr>
<tr>
<th width="140" align=center>APPLID</th>
<th width="90" align=center>TGROUP</th>
<th width="80" align=center>STAT</th>
<th width="70" align=center>ATIV</th>
<th width="65" align=center>STND</th>
<th width="65" align=center>STIS</th>
<th width="65" align=center>STWE</th>
<th width="65" align=center>RRBI</th>
<th width="65" align=center>RRIS</th>
<th width="65" align=center>RRWE</th>
<th width="65" align=center>WEIG</th>
<th width="85" align=center>W ROUTE</th>
<th width="85" align=center>W QUOTA</th>
<th width="65" align=center>ISOL</th>
<th width="65" align=center>UNIC</th>
<th width="100" align=center>INT. THGP</th>
<th width="100" align=center>INTERVAL</th>
<th width="55" align=center>ACUM</th>
</tr>
<tr bgcolor="#FFFFFF">
<td width="140" align=center>CIC0T01 </td>
<td width="90" align=center>$$DTGA$$</td>
<td width="80" align=center>ACTIVE </td>
<td width="70" align=center>OK </td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 4</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="85" align=center> 0</td>
<td width="85" align=center> 250</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="100" align=center> 0,056 /s</td>
<td width="100" align=center>00:01:11 </td>
<td width="55" align=center><a href="javascript:mostraDetalhes('$$DTGA$$CIC0T01 ');"><img src="/gscpgrph/DETALHAR.gif" border="0" width="30" height="30"></a></td>
</tr>
<tr id="$$DTGA$$CIC0T01 " bgcolor="#A9A9A9" style="display:none">
<td colspan="4" width="380" align=center>DADOS ACUMULADOS</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 184</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="85" align=center> 0</td>
<td width="85" align=center> 250</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="100" align=center> 0,008/s</td>
<td width="100" align=center>05:50:39 </td>
<td width="55" style="visibility:hidden" align=center></td>
</tr>
<tr bgcolor="#99CCFF">
<td width="140" align=center>CIC0T02 </td>
<td width="90" align=center>$$DTGA$$</td>
<td width="80" align=center>ACTIVE </td>
<td width="70" align=center>OK </td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 12</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="85" align=center> 0</td>
<td width="85" align=center> 250</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="100" align=center> 0,023 /s</td>
<td width="100" align=center>00:08:23 </td>
<td width="55" align=center><a href="javascript:mostraDetalhes('$$DTGA$$CIC0T02 ');"><img src="/gscpgrph/DETALHAR.gif" border="0" width="30" height="30"></a></td>
</tr>
<tr id="$$DTGA$$CIC0T02 " bgcolor="#A9A9A9" style="display:none">
<td colspan="4" width="380" align=center>DADOS ACUMULADOS</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 174</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="85" align=center> 0</td>
<td width="85" align=center> 250</td>
<td width="65" align=center> 0</td>
<td width="65" align=center> 0</td>
<td width="100" align=center> 0,007/s</td>
<td width="100" align=center>06:22:00 </td>
<td width="55" style="visibility:hidden" align=center></td>
</tr>
</table>
<table width="30%" ALIGN="CENTER" CELLSPACING="3" CELLPADDING="3" BORDER="0" style="padding:0px">
<tr>
<th colspan=3 style="padding-bottom:20px; padding-top:30px; border:0">RESUMO DO ROTEAMENTO</th>
<th align=right><a href="javascript:window.history.go(0)" target="_self">
<img src="/gscpgrph/refresh.gif" border="0" width="15" height="15"></a></th>
</tr>
<tr style="background: #87CEEB">
<th valign=middle># TARGETS</th>
<th valign=middle># TRANSAÇÕES</th>
<th align=center>MÉDIA DO THGP</th>
</tr>
<tr style="background: #FFFFFF">
<td align=center> 2</td>
<td align=center> 358</td>
<td align=center> 0,007/s</td>
</tr>
</table>
<div style="width:100%">
<table ALIGN="CENTER" BORDER="0">
<tr>
<td colspan="4" align="center" style="padding-top:45px"><input type="button" value="Voltar" style="width: 100px; height:30px;
font-family:Verdana,Helvetica; font-weight:bold; color:white; background:#3366cc; border-radius:15px;cursor:hand" onClick="location.href = '[xxx'">](http://172.17.209.225:4091/cics/MD99/MDPP6007/6007/6007/AMEN/?731ADA3E00000000000000000000000000000000000000000000000000000000%27)
<td colspan="4" align="center" style="padding-top:45px"><input type="button" value="Refresh" style="width: 100px; height:30px;
font-family:Verdana,Helvetica; font-weight:bold; color:white; background:#3366cc; border-radius:15px;cursor:hand" onClick="location.href = '[xxx'">](http://172.17.209.225:4091/cics/MD99/MDPP6010/6010/AMEN/DAOR/?731ADA3E00000000000000002A83CB1A00000000000000000000000000000000%27)
</tr>
</table>
</div>Desde já agradeço!
Discussão (0)
Carregando comentários...