9 replies to this topic

[EuNaosei.com]

Como faço para ocultar uma camada (DIV), que comando utilizado no botao?
Ex: href: onclick .......?
Valeu..

[Luis Otávio]

ai cara, o q vc ta procurando é isto:

<script language="JavaScript">
<!--
function tabselect(n){
  for(x=1;x<=2;x++){
    tab=eval('document.all.tab' + x + ';');
	panel=eval('document.all.panel' + x + '.style;');
    if(x==n){
      tab.className='tabOn';
      panel.display='';
    }else {
      tab.className='tab';
   panel.display='none';
    }
  }
}
//-->
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="80" height="26" valign="top" noWrap id=tab1 onclick=javascript:tabselect(1); style="CURSOR: hand">Tabela 1</td>
<td width="80" valign="top" noWrap id=tab2 onclick=javascript:tabselect(2); style="CURSOR: hand">Tabela 2</td>
<td width="422">&nbsp;</td>
</tr>
</table>
<table width="765" border="0" cellpadding="0" cellspacing="0" align="center">
<tr id=panel1>
<td height="69" colspan="2" valign="top">To vendo a tabela 1</td>
</tr>
<tr id=panel2 style="DISPLAY: none">
<td height="69" colspan="2" valign="top">To vendo a tabela 2</td>
</tr>
</table>

espero ter ajudado

[Alex Hiroshi]

iporto, o que ele quer é apena o botao que esconda uma div (layer) .. e não um codigo para esconder e mostrar a parte de uma tabela

EuNaosei.com, acho que vc quer isso..

<input type="button" value="Fecha" onclick="document.getElementById('NomeDaDiv').style.visibility='hidden'">

Coloque uma id na sua div, assim <div id="NomeDaDiv" ... > o nome vc escolhe, mais se trocar o nome, lembre se de trocar onome no botao tbm...
o visibility=hidden, vai fazer com que a div "suma"

[Cayo Corrêa]

brigadão galera... assim que chegar em casa vou testar

[Luis Otávio]

vish.. disculpe... postei a resposta errada ... mas para quem quiser saber como faz para mostrar e esconder tabelas... eu ja postei ai hahahahahahah

[EuNaosei.com]

Valeu Alex era isso mesmo que tava precisando..

[Igor Franco]

Amigos, como poderia usar esse exemplo para quando clicar num checkbox mostrar a div, e quando desmarcar a div ser ocultada?


Vlw...

[Andreia Regina]

Dá uma olhada neste tópico aqui: http://forum.wmonlin...&...st&p=769459

tem o que vc procura.

[bimonti]

Só uma observação, ao invés do document.all poderia usar o getElement, mas se for usar o document.all acho que não é necessário usar o eval, ele deixa o script lerdo (o JavaScript entra no interpreter mode), já usar notação de matriz o parâmetro esperado pelo JS é uma string, portanto não precisa avaliar ...

Qualquer coisa uma lida em XSS é recomendável ... ou pergunta pro Paulo Freitas ..

[Campecino]

Olá pessoal,

Como faço para esse código funcionar no Firefox?

<script language="JavaScript">
<!--function tabselect(n){  
for(x=1;x<=2;x++){	
tab=eval('document.all.tab' + x + ';');	
panel=eval('document.all.panel' + x + '.style;');
	if(x==n){	  
tab.className='tabOn';
	  panel.display='';	
}else {
	  tab.className='tab';
   panel.display='none';
	}  
}
}
//-->
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="80" height="26" valign="top" noWrap id=tab1 onclick=java script:tabselect(1); style="CURSOR: hand">Tabela 1</td>
<td width="80" valign="top" noWrap id=tab2 onclick=java script:tabselect(2); style="CURSOR: hand">Tabela 2</td>
<td width="422"> </td>
</tr>
</table>
<table width="765" border="0" cellpadding="0" cellspacing="0" align="center">
<tr id=panel1>
<td height="69" colspan="2" valign="top">To vendo a tabela 1</td>
</tr>
<tr id=panel2 style="DISPLAY: none">
<td height="69" colspan="2" valign="top">To vendo a tabela 2</td>
</tr>
</table>

Vlw!!