(Resolvido) Mostrar e Esconder Grupos por: Class, TAG, Id

[WebSan.Com.Br]

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);
if ( IdTGP == IdTGP ){
IdTGP.style.display="block";
}else{
IdTGP.style.display="none";
}
}

<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.

Bom, consegui a solução.... caso tenham interesse, está aqui o código:

FEITO POR: webmind

<script type="text/javascript">
function EmGrupos(k) {
h = document.getElementsByTagName("span").length;

for( i = 1; i <= h; i++ ){
if( i == k ){ document.getElementById(i).style.visibility="visible"; }
else{ document.getElementById(i).style.visibility="hidden"; }

}

}
</script>
<a href="java script:EmGrupos(1)">Menu 01</a>
<a href="java script:EmGrupos(2)">Menu 02</a>

<span id="1" style="visibility:hidden">
conteudo 01
</span>

<span id="2" style="visibility:hidden">
conteudo 02
</span>

Editado Fevereiro 5, 2009 por WebSan.Com.Br

[WebSan.Com.Br]

Bom, consegui a solução.... caso tenham interesse, está aqui o código:

FEITO POR: webmind

<script type="text/javascript">
function EmGrupos(k) {
h = document.getElementsByTagName("span").length;

for( i = 1; i <= h; i++ ){
if( i == k ){ document.getElementById(i).style.visibility="visible"; }
else{ document.getElementById(i).style.visibility="hidden"; }

}

}
</script>
<a href="java script:EmGrupos(1)">Menu 01</a>
<a href="java script:EmGrupos(2)">Menu 02</a>

<span id="1" style="visibility:hidden">
conteudo 01
</span>

<span id="2" style="visibility:hidden">
conteudo 02
</span>

[Jonathan Queiroz]

O tópico foi marcado como Resolvido

Obs.:

Sem querer você postou duas vezes !

Vou apagar um dos posts !

[WebSan.Com.Br]

Ops.. desculpe Jonathan... nem percebi mesmo... Bom coloquei o meu segundo post como QUOTE no primeiro... então pode apagar o meu segundo post !!

E pode deletar este aqui também !!!

Abraços.

Editado Fevereiro 5, 2009 por WebSan.Com.Br