Ir para conteúdo

POWERED BY:

Arquivado

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

Rudy.Logan

[Resolvido] Ocultar/mostrar linha tr

Recommended Posts

Aloha pessoas!

 

Escrevi o seguinte algoritmo para ocultar duas <tr> da minha tabela html

 

//ocultar campos
function mostrarOcultar(campo, id){  
	if(document.getElementById(id).value == 0){  		
		document.getElementById('tabela').rows[4].style.display = 'none'; 
		document.getElementById('tabela').rows[5].style.display = 'none';
		
	}
	else{  
		
		document.getElementById('tabela').rows[4].style.display = 'block'; 
		document.getElementById('tabela').rows[5].style.display = 'block'; 
		   
	}
}

No IE ele funciona perfeitamente, mas quando utilizo o firefox na hora de ocultar ele oculta normal

mas quando vai exibir ele desconfigura toda a página :(

 

Alguem pode me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Em vez de display, use visibility para ver o que acontece.

 

Já tentei utilizar o "visibility" no lugar de "display", desse jeito ele nem funciona e já

tentei usar também "inline" no lugar de "block" e mesmo assim ele desconfigura a página.

 

Aeeeeeeeeee \o/ consegui!!!!!

 

Eu apenas substitui o "Block" por "table-row"

segue o código:

//ocultar campos
function mostrarOcultar(campo, id){  
        if(document.getElementById(id).value == 0){             
                document.getElementById('tabela').rows[4].style.display = 'none'; 
                document.getElementById('tabela').rows[5].style.display = 'none';
                
        }
        else{  
                
                document.getElementById('tabela').rows[4].style.display = 'table-row'; 
                document.getElementById('tabela').rows[5].style.display = 'table-row'; 
                   
        }
}
Testei no firefox, opera e chrome. Funcionou nos três, só não testei no IE, pois minha Maquina virtual parou de funcionar e

eu não to muito afim de reparar o erro só para abrir o IE e testar meu código :D. No Windows/Yes Linux

 

Abraços

 

Olha eu de novo pessoas!

 

Eu até consegui ocultar a linha da minha <table>, conforme escolha no dropDown,

mas agora não sei como fazer essa mesma linha linha oculta quando exibo o form na tela.

 

Exemplo

Preencho o formunlário e salvo, a opção no dropDown ocultou 2 linhas. Na hora de exibir

o formulário preenchido, as linhas que estavam ocultas na hora de editar aparecem em branco, eu

quero fazer com que elas fiquem ocultas também na hora de exibir os dados.

 

Alguem pode me ajudar com isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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