Ir para conteúdo

POWERED BY:

Arquivado

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

alexandre_prog

Verificar DIV ativa ou inativa

Recommended Posts

Tenho várias DIVs aqui que servem como "ABAS", exemplo que achei na internet, eu quero saber qual a "ABA" que está ativa ou inativa (visível ou invisível) no momento,,,

 

 

Tem como??

 

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você vê isso através das propriedades CSS visibility e/ou display.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você vê isso através das propriedades CSS visibility e/ou display.

 

Você poderia se não for pedir muito, me dar um exemplo prático disso...

 

 

Por exemplo, se eu tiver 4 DIVs com nomes quaisquer e quando eu clicar em um Botão ele mandar a mensagem de qual DIV está ativa ou visível!!

 

 

Obrigado!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

você pode utilizar o CSS conforme a dica do colega ali, juntamente com o javascript para saber o status do div. ex:

alert(document.getElementById('divTeste').style.visibility)

vai exibir uma mensagem com o conteúdo daquele estilo (css) aplicado ao DIV. os valores para visility que eu conheço são: hidden e visible, mas tem outros.

 

para o display alguns são: none (oculto), block, inline-block, entre outos...

alert(document.getElementById('divTeste').style.display)

você pode também definir os valores destes estilos via script, este exemplo só exibe, mas pode aplicar também, ex:

document.getElementById('divTeste').style.visibility='hidden'

se não foi aplicado nenhum estilo utilizado (visibility ou display) será retornado 'vazio'.

 

ps: isto só trata da visibilidade (visível ou não). não entendi o que seria o div ativo.

 

ps2: se isto for útil, você pode combinar estas verificações utilizando um array com os div's da página em questão, para pegar pode fazer algo do tipo:

var divs = document.getElementsByTagName('div');

com isto terá um array com todos os divs da página.

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.