Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal....
tenho a seguinte linha na tabela:
<tr id="tr1" class="style6" >
<td width="4" align="left" >dsajdljtd>
<td width="7" align="left" >ajdlskajdl</td>
<td width="102" align="left" >RE:</td>
<td width="187" align="left">asdfff</td>
<td width="57" align="left" >ddddd</td>
<td width="290" align="left" >123</td>
</tr>quando o usuario clica em um botao esconde a linha:
document.getElementById('tr1').style.display ='none';
quando clica em outro botao mostra a linha:
document.getElementById('tr1').style.display ='inline';
porem quando faco isso no IE, aparece perfeitamento, mas no FF perde o tamanho da coluna, ficando todos os campos juntos na primeira coluna
agradeco qualquer sugestao
abraço
Renato
ola Thiago....
o problema continua... ele perde a coordenada da coluna...
eu só postei o codigo da linha 1, as outras estao da mesma forma, mas agora estou postando 3 TR de exemplo:
<tr id="tr1" class="style6">
<td width="4" align="left">dsajdljtd</td>
<td width="7" align="left">ajdlskajdl</td>
<td width="102" align="left">RE:</td>
<td width="187" align="left">asdfff</td>
<td width="57" align="left">ddddd</td>
<td width="290" align="left">123</td>
</tr>
<tr id="tr2" class="style6">
<td width="4" align="left">dsajdljtd</td>
<td width="7" align="left">ajdlskajdl</td>
<td width="102" align="left">RE:</td>
<td width="187" align="left">asdfff</td>
<td width="57" align="left">ddddd</td>
<td width="290" align="left">123</td>
</tr>
<tr id="tr3" class="style6">
<td width="4" align="left">dsajdljtd</td>
<td width="7" align="left">ajdlskajdl</td>
<td width="102" align="left">RE:</td>
<td width="187" align="left">asdfff</td>
<td width="57" align="left">ddddd</td>
<td width="290" align="left">123</td>
</tr>e assim por diante!!!!!!!!!!
se eu colocar o width na primeira TR ou em todas, é a mesma coisa!!!!!!!!
quando o usuario clica em um botao esconde a linha:
document.getElementById('tr1').style.display ='none';
quando o usuario clica em um botao aparece a linha:
document.getElementById('tr1').style.display ='inline';
ou
document.getElementById("tr1").style.display="block";
quando faco isso no IE, aparece perfeitamento, mas no FF perde o tamanho da coluna, ficando todos os campos juntos na primeira coluna
grato pela atencao de todos
Renato
O Firefox não compreende muito bem a ação "block" para tabelas. Para isso ele utiliza a ação "table-row".
É necessário, portanto, verificar o navegador que o cliente está utilizando.
Segue o código abaixo:
<html>
<head>
<title></title>
<script type="text/javascript">
function ocultar(e) {
document.getElementById(e).style.display="none";
}
function mostrar(e) {
if(window.navigator.userAgent.indexOf("Firefox",0) != -1) {
document.getElementById(e).style.display="table-row";
}else{
document.getElementById(e).style.display="block";
}
}
</script>
</head>
<body>
<table border="1" width="500px">
<tr id="linha1">
<td>Linha1</td><td>Linha1</td><td>Linha1</td><td>Linha1</td>
</tr>
<tr id="linha2">
<td>Linha2</td><td>Linha2</td><td>Linha2</td><td>Linha2</td>
</tr>
<tr id="linha3">
<td>Linha3</td><td>Linha3</td><td>Linha3</td><td>Linha3</td>
</tr>
</table>
<br><br><br><input type="button" value=" Linha 1 " onClick="ocultar('linha1')">
<br><input type="button" value=" Linha 2 " onClick="ocultar('linha2')">
<br><input type="button" value=" Linha 3 " onClick="ocultar('linha3')">
<br><br>Mostrar:
<br><input type="button" value=" Linha 1 " onClick="mostrar('linha1')">
<br><input type="button" value=" Linha 2 " onClick="mostrar('linha2')">
<br><input type="button" value=" Linha 3 " onClick="mostrar('linha3')">
</body>
</html>Eu ja tive este problema, eu resolvi trocando o script para mostrar a linha de
document.getElementById("tr1").style.display="block";para
document.getElementById("tr1").style.display="";
Att,
Guilherme Oenning
OK.. problema resolvido!!!!
mandou bem klonder.... é isso ai funcionou perfeitamento....
quem tiver o mesmo problema, é só visualizar o codigo da resposta do klonder....
obrigado klonder e obrigado tb imasters
abraço
Renato
EU nunca usei este tipo dew display (inline);Mas tenta usar block para testar.
Agora, realmente da forma que está sua tabela, é tudo na mesma linha.... o TR é a linha, e como está lá é um linha e 6 colunas.e tem um erro:
>
Agora se você quiser que fique em 6 linha seria: