Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...