Ir para conteúdo
Fórum Script Brasil
  • 0

Fazer Aparecer E Desaparecer Linha Da Tabela

Halfar

Perguntado por Halfar,

 Share

Pergunta

Halfar

Halfar

Postado
Postado

Para exemplificar o que quero, tenho o codigo abaixo que faz com que o objeto seja visivel ou invisivel:

document.form1.nome_objeto.style.visibility = "visible";

document.form1.nome_objeto.style.visibility = "hidden";

muito bem, os dois codigos acima me permitem que o objeto seja visivel ou invisivel.

Estes objetos estão dentro de uma linha de uma tabela, cada objeto em uma coluna da tabela, assim:

<table width="71%" height="38" align="center" class = texto>

<tr>

<td> <input type="text" name="objeto_1" size="5" class = "caixa" > </td>

<tr> <input type="text" name="objeto_2" size ="5" class = "caixa" > </td>

</tr>

</table>

O que eu gostaria é que ao invés de me referenciar aos objetos um por um para que sejam visiveis ou invisiveis, gostaria de me referenciar a tabela, sendo que todos os objetos contidos dentro da tabela ficariam visiveis ou invisiveis. Só que como tabela, até onde sei, não tem uma propriedade name para que me referencie como a um objeto, tem como tornar esta tabela visivel ou invisivel? Ou será que dá para colocar uma propriedade name nas tabelas?

Acrescentando o que preciso, quando o usuário clicar numa caixa de lista, dependendo da opcao que escolher a tabela será visivel ou invisivel...

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
Halfar

Halfar

Postado
  • Autor
Postado

oi andreia,

fiz um codigo simples colocando o id no nome da tabela, mas não está funcionando, está dando um erro de que o objeto é nulo ou não existe. Veja o codigo abaixo:

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<script>

function submit_page(form){

document.form1.objeto.style.visibility = "hidden";

document.form1.submit.focus();

}

</script>

<body bgcolor="#FFFFFF" text="#000000">

<form name="form1" method="post" action="" onSubmit="return submit_page(this);">

<table width="100%" id="objeto">

<tr>

<td><input type="submit" name="Submit" value="Enviar">

</td>

</tr>

</table>

</form>

</body>

</html>

Na realidade, eu tinha um codigo similar que me deixava o objeto visivel ou invisivel. funcionava certinho. Mas depois, por necessidades da programacao, tive que mudar alguma coisa, ai comecou a aparecer estes erros de objetos nulos ou inexistentes. Mas tenho notado aqui nas páginas do forum constantes erros de script, inclusive nesta pagina que estou agora digitando o texto (aparece o erro "objeto esperado"), será então que o problema está no meu navegador ? Está dando este erro tambem no seu navegador nos scripts do forum?

Link para o comentário
Compartilhar em outros sites
  • 0
ESerra

ESerra

Postado
Postado

É o firebug mostra alguns erros de JS no fórum...

Para deixar a tabela invisível...

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

&lt;script>
function submit_page(esconde){
document.getElementById(esconde).style.visibility = "hidden";
//document.form1.submit.focus();
}
</script>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="" onSubmit="return submit_page(this);">

<table width="100%" id="objeto" style="visibility:visible;">
<tr>
<td><input type="button" name="Submit" value="Enviar" onclick="submit_page('objeto');">
</td>
</tr>
</table>
</form>
</body>
</html>

Só recomendo que você crie outra função para enviar o formulário...

Link para o comentário
Compartilhar em outros sites
  • 0
Halfar

Halfar

Postado
  • Autor
Postado

bem, o seu codigo funcionou. Só que para o que realmente preciso tem um probleminha. Eu havia colocado o post ai da maneira como coloquei para não complicar.

mas como a ideia foi entendida, agora fica mais fácil explicar. Ocorre que são duas tabelas, tabelaA, e tabelaB.

Na tabelaA existe um menu de lista que dependendo da opcao escolhida pelo usuário a tabelaB ficará visivel ou invisivel. então agora complica, pelo o que andei testando, dá problema com o nome do objeto, pois o nome do objeto está referenciado na tabelaA, mas a tabela que tem que sumir é tabelaB...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...