Ir para conteúdo

POWERED BY:

Arquivado

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

Hiltonmm

[Resolvido] CSS / Javacript/ PHP

Por , em Javascript

Recommended Posts

Hiltonmm    0

Hiltonmm
Postado

Boa tarde gente to com a seguinte duvida

 

eu tenho uma pagina que abrem vairias divs usando CSS e tem um botao para fechar todas as divs e eu to usando assim

 

<a href="#" onClick="document.getElementById('n_serventia').style.display='none';document.getElementById('proprietario').style.display='none';document.getElementById('mudabanco').style.display='none';document.getElementById('licenca').style.display='none';document.getElementById('serventia').style.display='none';document.getElementById('serventia').style.display='none';document.getElementById('backup').style.display='none';document.getElementById('usuarios').style.display='none';document.getElementById('p_serventia').style.display='none';document.getElementById('edit_serventia').style.display='none';"><img src="img/png/exit.png" border="0" /></a>

queria saber se não tem algo mais simple com

document.getElementById('ALL').style.display='none';

ou coisa parecida

 

obigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Matias Rezende    50

Matias Rezende
Postado

Olha só, acho que seria mais fácil de te responderem no fórum de Javascript, mas vou tentar.

 

Você pode fazer assim:

Coloca a ID das DIV's com número sequencial.

Cria uma função no javascript, colocando em um laço, mais ou menos assim:

//numero é a quantidade de divs a fechar
function fechaTudo(numero){
for (x=1;x<=numero;x++){
document.getElementById(x).style.display='none';
}
}
//No HTML fica assim
<a href="#" onClick="fechaTudo('5')"><img src="img/png/exit.png" border="0" /></a>
// o 5 é só exemplo

 

Acho que ficou meio POG, mas não conheço outro jeito.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

e sempre que se referir ao JavaScript escreva completo "JavaScript", evite abreviar escrevendo "JAVA", ainda mais em letra maiúscula

 

é algo irrelevante quando lemos o contexto do topico, mas para o mecanismo de busca, se alguem fizer uma pesquisa por JAVA, retornará topicos que noa tem nada a ver com JAVA, além de criar confusão entre iniciantes

 

 

titulo foi editado de JAVA -> JAVASCRIPT

 

topico movido

 

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

fernando1    0

fernando1
Postado

Ola Hiltonmm!

 

Posso dar uma dica mais simples, usando javascript mesmo.. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Se entendi bem, todas estas divs abrem na mesma página certo?

 

 

Então nesta página, em todas as divs, coloque o atributo:

 

class="fechadivs"

 

este nome pode ser qualqer um, mais lembre-se de mudar no código que vou postar abaixo, pois

vou usar ele para fechar todas as divs ;)

 

Quando você clicar no botão ou dentro da tag <a>, chame uma função em javascript, que deve ser criada dentro das tags <head> </head>

 

 

<script language="text/javascript">

<!--

function escondeDiv(){

var objs=document.getElementsByTagName("div"); // Objetos que possuim a tag div

 

//o FOR passa por todos os divs da página

for(x=0; x < objs.length; x++) {

 

if (objs[x].className == 'fechadivs'){ // Objeto div que ficará oculto (lembrando, use o mesmo nome da "class" que você definiu nas divs)

objs[x].style.display='none'

}

 

} //end for

 

} // end function

//-->

</script>

 

 

 

chamando a função no botão ou dentro da tag <a>

 

<a href="#" onClick="escondeDiv()"><img src="img/png/exit.png" border="0" /></a>

 

 

 

Acho que era isso que você precisava

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

fernando1    0

fernando1
Postado

Ja ia esquecendo, faltou um ; depois da linha

objs[x].style.display='none'

 

ficaria assim objs[x].style.display='none' ;

 

Abraços

 

 

 

Ola Hiltonmm!

 

Posso dar uma dica mais simples, usando javascript mesmo.. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Se entendi bem, todas estas divs abrem na mesma página certo?

 

 

Então nesta página, em todas as divs, coloque o atributo:

 

class="fechadivs"

 

este nome pode ser qualqer um, mais lembre-se de mudar no código que vou postar abaixo, pois

vou usar ele para fechar todas as divs ;)

 

Quando você clicar no botão ou dentro da tag <a>, chame uma função em javascript, que deve ser criada dentro das tags <head> </head>

 

 

<script language="text/javascript">

<!--

function escondeDiv(){

var objs=document.getElementsByTagName("div"); // Objetos que possuim a tag div

 

//o FOR passa por todos os divs da página

for(x=0; x < objs.length; x++) {

 

if (objs[x].className == 'fechadivs'){ // Objeto div que ficará oculto (lembrando, use o mesmo nome da "class" que você definiu nas divs)

objs[x].style.display='none'

}

 

} //end for

 

} // end function

//-->

</script>

 

 

 

chamando a função no botão ou dentro da tag <a>

 

<a href="#" onClick="escondeDiv()"><img src="img/png/exit.png" border="0" /></a>

 

 

 

Acho que era isso que você precisava

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hiltonmm    0

Hiltonmm
Postado

Valeu ai gente desculpa ai a demora no agradecimento mas estou com probleminhas aqui na maq.

 

mas obrigado ai gente vou testar isso tudo ai e ver qual vai funcionar melor aqui para mim

 

OBRIGADÃO

 

depois eu digo qual resolveu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito