Ir para conteúdo

POWERED BY:

Arquivado

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

Thiago Paschoalin

[Resolvido] MOstrar e esconder por TAG e CLASS e ID

Por , em Javascript

Recommended Posts

Thiago Paschoalin    0

Thiago Paschoalin
Postado

Fala meu povo, eu postei alguns dias atrás uma dúvida parecida, mas não igual, olhem meu código:

 

function EmGrupos(id,classe,atag) {
var ClasseTGP = document.getElementsByClassName(classe, atag);
var IdTGP = document.getElementById(id);
ClasseTGP.style.display="none";
IdTGP.style.display="block";
}

<a href="java script:EmGrupos('001','ChamarGrupos','span');">Memoria</a>
<a href="java script:EmGrupos('002','ChamarGrupos','span');">HD</a>

<span id="001" class="ChamarGrupos" style="display:none;">
CONTEUDO DO SPAN
</span>

<span id="002" class="ChamarGrupos" style="display:none;">
CONTEUDO DO SPAN
</span>

O que eu quero com isso ?

R: Vou ter VÁRIOS desses SPAN, com grupos de radio, e tenho os links de cada grupo, quero que o javascript pegue (no meu caso):

todos os class="ChamarGrupos" com a tag SPAN e dÊ um NONE no STYLE, e dê um BLOCK na SPAN selecionada.

 

COm o exemplo prático ficou fácil de entender o que preciso ?

Estou fazendo vários testes e não chego em uma resposta.

 

 

E aproveitando o espaço, gostaria de fazer uma pergunta sobre java script:

Como eu faço uma procurando por uma diferença de Id ? por exemplo:

 

Seguindo a idéia da minha dúvida acima:

 

function EmGrupos(id,classe,atag) {

var ClasseTGP = document.getElementsByClassName(classe, atag);

var IdTGP = document.getElementById(id);

if IdTGP != Ao Id que eu selecionei{

IdTGP.style.display="none";

}else{

IdTGP.style.display="block";

}

}

Grato desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

Nao entendi pk necessita de incluir a class e a tag, pois simplesmente so a partir do id você altera a propriedade

 

 

function EmGrupos(k) {

document.getElementById(k).style.visibility="visible";

}

<a href="java script:EmGrupos(1);">Memoria</a>
<a href="java script:EmGrupos(2);">HD</a>

<span id="1" class="ChamarGrupos" style="display:none;">
CONTEUDO DO SPAN
</span>

<span id="2" class="ChamarGrupos" style="display:none;">
CONTEUDO DO SPAN
</span>

O codigo nao recebia o id correcto pk? pk o js estava a compreender 1 ou 2 em vez de 001 ou 002, por isso deve alterar ou nos ids e na chamada da funcao ou entao cria uma variavel e altera o codigo para o seguinte

 

function EmGrupos(k) {
w="00"+k;
alert(w);
document.getElementById(w).style.visibility="visible";
}

 

Bem nao sei se queria esconder os elementos ao seleccionar uma span, mas se sim fiz este codigo um pouco mais "complexo"

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>
</head>

<body>
<script type="text/javascript">
function EmGrupos(k) {
h=document.getElementsByTagName("span").length; //vai ver quantos spans tem neste caso 2

//isto no entanto pode criar problemas se colocar spans adicionais que nao tenham a ver com isto, assim ter-se-ia que //adicionar uma classe

for(i=1;i<=h;i++){ // este ciclo basicamente faz o seguinte corre os elementos se o elemento de i for igual ao //seleccionado mostra senao nao mostra
if(i==k){document.getElementById(i).style.visibility="visible";}
else
{document.getElementById(i).style.visibility="hidden";}
}

}
</script>
<a href="java script:EmGrupos(1)">Memoria</a>
<a href="java script:EmGrupos(2)">HD</a>

<span id="1" class="ChamarGrupos" style="visibility:hidden">
CONTEUDO DO SPAN
</span>

<span id="2" class="ChamarGrupos" style="visibility:hidden">
HD HD HD
</span>
</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Paschoalin    0

Thiago Paschoalin
Postado

PERFEITO webmind, a sua última função era exatamente o que eu queria....

 

EU já tenho uma função parecida, mas tinha uma ação diferente, e não faço quase nada em javascript então não conseguia fazer isso que me passou !

 

 

SHOW DE BOLA.... muito obrigado !

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