Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fabiobnc

Exibir / Ocultar linha tabela HTML (Funciona IE e falha no Firefox)

Por , em Desenvolvimento frontend

Recommended Posts

fabiobnc    0

fabiobnc
Postado

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'"></td>

<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'"></td>
</tr>
</table>

</div>

 

Desde já agradeço!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito