Ir para conteúdo

POWERED BY:

Arquivado

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

Renato_Programador

[Resolvido] No IE funciona no FF da erro

Por , em Javascript

Recommended Posts

Renato_Programador    0

Renato_Programador
Postado

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>

tenho varias linhas na tabela

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Paschoalin    0

Thiago Paschoalin
Postado

EU nunca usei este tipo dew display (inline);Mas tenta usar block para testar.

document.getElementById("tr1").style.display="none";
document.getElementById("tr1").style.display="block";

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:

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

Agora se você quiser que fique em 6 linha seria:

<table>
<tr><td> LINHA 01 </td></tr>
<tr><td> LINHA 02 </td></tr>
<tr><td> LINHA 03 </td></tr>
<tr><td> LINHA 04 </td></tr>
<tr><td> LINHA 05 </td></tr>
<tr><td> LINHA 06 </td></tr>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renato_Programador    0

Renato_Programador
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

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>
Apagar:
<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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Oenning    0

Oenning
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renato_Programador    0

Renato_Programador
Postado

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

Compartilhar este post

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

Informação importante

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

  Aceito