Ir para conteúdo

Arquivado

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

Mário Monteiro

Ocultar Linhas de uma Tabela

Recommended Posts

Bem pessoal,Bem pessoal tenho uma pagina de cadastro de processos que é montada em uma tabela HTML, até ai tudo bem.Gostaria de saber como é possivel, ocultar algumas linhas, apesar delas estarem lá.Tipo assim estes processos podem ter varias empresas participando ou apenas uma, mas não quero colocar 10, 20 linhas com empresas, alias quero mas não é pra aparecer.Apareceria apenas uma e um botão nova empresa que ao ser clicado mostraria outra linha com empresa e mais dois botões nova empresa e recolher empresa.A partir da terceira linha eu me viroAgradeço desde já a ajuda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala mariofa.. eu acho q tem sim kra, eu to sem dreamweaver aqui, mas você teria que utilizar javascript e CSS juntos.. tente trabalhar com a seguinte class:<style>.invisivel{visibilty: hidden;}</style>

Compartilhar este post


Link para o post
Compartilhar em outros sites

kra me dá só um exemplo pra ocultar uma linha da tabelaEditando:Valeu pela dica d.eleete, achei um tuto na NET dessa parada, vou dar uma olhada e ve se aprendo.Qualquer coisa posto aqui denovo

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, eu não entendi muito bem.. mas se for pra esconder alguma coisa, você vai usar o que o d.eleete postou, visibility: hidden, isso vai fazer com qua alguma coisa "suma"..

vou dar um outro exemplo..

ASP [/tr][tr]<script>

function esconde(x){

if(document.getElementById(x).style.visibility==false){

document.getElementById(x).style.visibility = "hidden";

}

else{

document.getElementById(x).style.visibility = "visible";}

}

</script>

 

<table>

<tr>

<td id="um"> um </td>

</tr>

<tr>

<td id="dois"> dois </td>

</tr>

<tr>

<td id="tres"> tres </td>

</tr>

</table>

 

<input type="button" value="Esconde um" onclick="esconde('um');" /> <br/>

<input type="button" value="Esconde dois" onclick="esconde('dois');" /> <br/>

<input type="button" value="Esconde tres" onclick="esconde('tres');" />

[/tr]

isso vai fazer com que alguma parte da tabela se esconda quando você clicar no botao.. e volte a aparecer quando você clicar novamente no msm botao..

Compartilhar este post


Link para o post
Compartilhar em outros sites

não serve, pois oculta mas não diminui o espaço, presisarei colocar bastante linha e não ia dar pra ficar um espaço grande entre esta parte das empresas e as outras partes do form.Vou tentar mais um pouco e agruado novas propostas de soluções

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem pessoal sou eu denovo...

 

Encontrei o seguinte codigo do Guardião

 

[tr][/tr][tr][/tr]
ASP <html>

<body>

 

<script>

function hideColumn (colIndex) {

var table = document.all ? document.all.aTable :

document.getElementById('aTable');

for (var r = 0; r < table.rows.length; r++)

table.rows[r].cells[colIndex].style.display = 'none';

}

function showColumn (colIndex) {

var table = document.all ? document.all.aTable :

document.getElementById('aTable');

for (var r = 0; r < table.rows.length; r++)

table.rows[r].cells[colIndex].style.display = '';

}

</SCRIPT>

 

 

<FORM>

<SELECT NAME="colIndex">

<script>

for (var i = 0; i < 5; i++)

document.write('<OPTION VALUE="' + i + '">' + i);

</SCRIPT>

</SELECT>

<INPUT TYPE="button" VALUE="hide column" ONCLICK="hideColumn(this.form.colIndex.selectedIndex);">

<INPUT TYPE="button" VALUE="show column" ONCLICK="showColumn(this.form.colIndex.selectedIndex);">

</FORM>

 

<TABLE ID="aTable" BORDER="1">

<script>

for (var i = 0; i < 3; i++) {

document.write('<TR>');

for (var j = 0; j < 5; j++)

document.write('<TD>' + i + ', ' + j + ' jsunity<\/TD>');

document.write('<\/TR>');

}

</SCRIPT>

</TABLE>

 

</body>

</html>

 

ele faz exatamente o que quero só que com colunas e não com linhas

 

tentei mudar o codigo mas não consegui pois diz que table.columns.length é zero

 

o que quero saber é se existe isso

 

procurei na net e só achei exemplos de ocultar colunas mesmo

 

Agradeço propostas

Compartilhar este post


Link para o post
Compartilhar em outros sites

bem pessoal, não consegui fazer como pensei no inicio, ocultando a linha toda, então fiz apenas ocultando o conteudo da celula, onde mando listar os combos com as empresas.Mas valeu a força mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

e ai cambada... :P

 

hj me bateu essa mesma dúvida, pois vou ter que fazer um sitema de cadastro e estava pensando em ocultar alguns campos até que o usuário realmente deseje adicioná-los...

 

a novidade: eu encontrei a solução! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

eu tomei como base o código do nosso amigo Guardião, seja lá quem for ele... http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

espero ter ajudado, abraços...:

 

<html>
<body>

<script>
function hideRow (rowIndex) {
var table = document.all ? document.all.aTable :
document.getElementById('aTable');
table.rows[rowIndex].style.display = 'none';
}
function showRow (rowIndex) {
var table = document.all ? document.all.aTable :
document.getElementById('aTable');
table.rows[rowIndex].style.display = '';
}
</SCRIPT>


<FORM>
<SELECT NAME="rowIndex">
<script>
for (var i = 1; i < 5; i++)
document.write('<OPTION VALUE="' + i + '">' + i);
</SCRIPT>
</SELECT>
<INPUT TYPE="button" VALUE="esconder linha" ONCLICK="hideRow(this.form.rowIndex.selectedIndex);">
<INPUT TYPE="button" VALUE="mostrar linha" ONCLICK="showRow(this.form.rowIndex.selectedIndex);">
</FORM>

<table width="100%"  border="0" id="aTable">
 <tr id="1">
   <td>LINHA 1 </td>
   <td>AAAAAAAAAAAAAAAAAAAA</td>
   <td>AAAAAAAAAAAAAAAAAAAAAAA</td>
 </tr>
 <tr id="2">
   <td>LINHA 2 </td>
   <td>BBBBBBBBBBBBBBBBBBBBBB</td>
   <td>BBBBBBBBBBBBBBBBBBBBBBBBB</td>
 </tr>
 <tr id="3">
   <td>LINHA 3 </td>
   <td>CCCCCCCCCCCCCCCCCCCC</td>
   <td>CCCCCCCCCCCCCCCCCCCCCCC</td>
 </tr>
 <tr id="4">
   <td>LINHA 4 </td>
   <td>DDDDDDDDDDDDDDDDDDDD</td>
   <td>DDDDDDDDDDDDDDDDDDDDDDD</td>
 </tr>
</table>
</body>
</html>

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.