Ocultar Div(camadas) Como Fazer?
Started By EuNaosei.com, 06/10/2004, 15:04
9 replies to this topic
#1
Posted 06/10/2004, 15:04
Como faço para ocultar uma camada (DIV), que comando utilizado no botao?
Ex: href: onclick .......?
Valeu..
Ex: href: onclick .......?
Valeu..
#2
Posted 06/10/2004, 22:19
ai cara, o q vc ta procurando é isto:
espero ter ajudado
<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"> </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
* Otávio Nogueira
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#3
Posted 07/10/2004, 06:46
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..
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"
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"
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#4
Posted 07/10/2004, 08:41
brigadão galera... assim que chegar em casa vou testar
matemática de um web.designer e web.developer:
php + mysql + css + html + javascript + dhtml + photoshop + dreamweaver + flash + criatividade + lógica = cayo.correa
me questiono, alguém poderia me responder?
"Deus existiu sempre? O que é sempre? Deus criou a si próprio para depois começar a criar o universo? Onde é que estava Deus quando criou a si próprio? E como é que alguém cria a si próprio? Do nada, passando do nada ao Ser? Se o nada existiu, tudo que veio depois estava contido no nada. Mas se estava contido no nada, então o nada não existia".
José Saramago, Playboy de Out/98.
site: www.christinaguilera.com.br
portfolio: www.cayocorrea.com.br
php + mysql + css + html + javascript + dhtml + photoshop + dreamweaver + flash + criatividade + lógica = cayo.correa
me questiono, alguém poderia me responder?
"Deus existiu sempre? O que é sempre? Deus criou a si próprio para depois começar a criar o universo? Onde é que estava Deus quando criou a si próprio? E como é que alguém cria a si próprio? Do nada, passando do nada ao Ser? Se o nada existiu, tudo que veio depois estava contido no nada. Mas se estava contido no nada, então o nada não existia".
José Saramago, Playboy de Out/98.
site: www.christinaguilera.com.br
portfolio: www.cayocorrea.com.br
#5
Posted 07/10/2004, 15:07
vish.. disculpe... postei a resposta errada ... mas para quem quiser saber como faz para mostrar e esconder tabelas... eu ja postei ai hahahahahahah
* Otávio Nogueira
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#6
Posted 08/10/2004, 01:59
Valeu Alex era isso mesmo que tava precisando..
#7
Posted 16/09/2006, 22:16
Amigos, como poderia usar esse exemplo para quando clicar num checkbox mostrar a div, e quando desmarcar a div ser ocultada?
Vlw...
Vlw...
#8
Posted 18/09/2006, 16:13
Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum
#9
Posted 18/09/2006, 16:46
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 ..
Qualquer coisa uma lida em XSS é recomendável ... ou pergunta pro Paulo Freitas ..
WebFórum - Equipe de Desenvolvimento - Monitor
Yeah I do have some stories, and it's true I want all the glory ...
Yeah I do have some stories, and it's true I want all the glory ...
#10
Posted 27/10/2009, 01:26
Olá pessoal,
Como faço para esse código funcionar no Firefox?
Vlw!!
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!!
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)