Ir para conteúdo

POWERED BY:

Arquivado

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

Thiago Web10

[Resolvido] torna função dinamica

Recommended Posts

Olá pessoal

 

estou iniciando em javascript

e gostaria de uma força.

 

criei uma função para mostra e ocultar divs

so que tenho que passa o id de cada div na função, entao se eu tiver 20 divs vou ter que criaa vite linhas!

 

ai eu pensei em passa o nome da div tbm pela funcao so que nao rolo

 

segue o cod

function web10(t) {
 
    if (t == 1)
  {
	document.getElementById('cadastro').style.display="block";
	document.getElementById('chamados').style.display="none";
	document.getElementById('relatorios').style.display="none";
	document.getElementById('configuracao').style.display="none";
  }
    else if (t == 2) 
  {
  document.getElementById('cadastro').style.display="none";
  document.getElementById('chamados').style.display="block";
  document.getElementById('relatorios').style.display="none";
  document.getElementById('configuracao').style.display="none";
  } 
 e assim por diante
  

queria dx essa função generica

tipo ele colocava na função o numero e o id da div assim

 

web10(t,menu)

 

so que ai eu nao sei como fica a proxima linha do cod o

dcument.getElementById......

 

 

se alguem poder me da uma força

Compartilhar este post


Link para o post
Compartilhar em outros sites

o método getElementsByTagName() será a solução pra você.

 

envolva esses elementos num container, e então esconda o array deles, q será retornado pelo getElementsByTagName()

tem um exemplo aqui:

http://forum.imasters.com.br/index.php?/topic/406843-botao-radio-mostrarnao-div-corretamente/page__view__findpost__p__1597218

Compartilhar este post


Link para o post
Compartilhar em outros sites

tentei fazer uns teste aqui mas tbm nao rolo nao.

 

vo posta aqui + ou - como to pensando em fazer.

function web10(t,menu) { // aqui eu passo o numero, e o nome da div
  
    if (t == 1) // 1 é pr mostra a div 
    { 
      // agora que vem meu problema como passar o valor da variavel menu pr poder esconder ou mostra.
      // ai tentei fazer assim, so que tbm nao rolo. 
    document.getElementById("+menu+").style.display="block"; 
       
  } 
    else if (t == 2)  
  { 
  document.getElementById("+menu+").style.display="block"; 
  
  }  

se alguem poder me explicar como que eu faço pr ele ler a a variavel .

Compartilhar este post


Link para o post
Compartilhar em outros sites

ola pessoal

 

consegui dx ela generica!

 

o meu problema tava passa a variavel menu, como estou iniciando no javascript nao sabia como funcionava.

 

vo posta pr vcs verem como fico.

function web10(t,menu) {
   if (t == 1)
  {
   document.getElementById(menu).style.display="block";
  }
    else if (t == 2) 
  {
   document.getElementById(menu).style.display="none";
  }  
}
bem simples ne !

Ahauheuae

vlw

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.