[Resolvido] Selecionar multiplos IDs

[juliano.ma 0]

Olá colegas,

 

preciso "exibir / Ocultar" algumas divs sobre uma outra imagem (utilizo a propriedade z-index do css).

 

A dúvida seria em como selecionar todas essas imagens cujo IDs são diferentes:

 

Veja o que eu tentei:

 

Função javascript:

function alternar(id, acao)
{
var re_id = id + "/_.*/";
if (acao=="oculta")
{
	document.getElementById(re_id).style.display = "none";
}

if (acao=="exibe")
{
	document.getElementById(re_id).style.display = "block";
}
}

Tentei usar uma expressão regular para juntar os prefixos com o restante mas não funcionou.

 

Imagens usando z-index:

<div id="meuid_1" class='links' style="z-index:1; left:100px; top:100px;"><a href='javascript:(void)'>Fulano</a></div>
<div id="meuid_2" class='links' style="z-index:2; left:350px; top:240px;"><a href='javascript:(void)'>Beltrano</a></div>

 

Botão para Exibir / Ocultar

<span onclick="alternar('meuid', 'oculta');" style="color: blue; text-decoration: underline; cursor: pointer;">Ocultar</span>
<span onclick="alternar('meuid', 'exibe');" style="color: blue; text-decoration: underline; cursor: pointer;">Exibir</span>

[William Bruno 1501]

Mas a ER ali sem nenhuma função específica, é apenas uma string normal..

 

e não faz nenhum sentido, se você tiver procurando 'por qualquer coisa, em qualquer quantidade'.. cuidado com esses curingas..

 

uma forma, seria fazer:

<div id="tal">
   <div id="meuid_1" class="links" style="z-index:1; left:100px; top:100px;"><a href="javascript:(void)">Fulano</a></div>
   <div id="meuid_2" class="links" style="z-index:2; left:350px; top:240px;"><a href="javascript:(void)">Beltrano</a></div>
</div><!-- /tal -->

e ai na tua função, percorrer os filhos da #tal, escondendo ou mostrando eles

 

Outra coisa que funcioná, será passar como parâmetro um array, ou vários IDs..

[juliano.ma 0]

Como eu poderia fazer esse array com vários IDs, ou seja, como ficaria:

 

var minhas_ids = new Array("meuid_1","meuid_2","meuid_3");

document.getElementById(minhas_ids[]).style.display = "none";

Fiz correto?

[juliano.ma 0]

Não consegui editar o post, mas dei uma pesquisada e cheguei nisso:

function alternar(id, acao)
{
	var minhas_ids = new Array("meuid_1","meuid_2");
	
	for(i = 0; i < minhas_ids.length; i++)
	{   
		if (acao=="oculta")
		{
			document.getElementById(minhas_ids[i]).style.display = "none";
		}
		if (acao=="exibe")
		{
			document.getElementById(minhas_ids[i]).style.display = "block";
		}
	}
}