buenas gente ...
antes que nada, ya se que esto esta en internet, visite muchos sitios para ver como lo hacian, pero no me gusta copiar y pegar el codigo completo, prefiero hacer todo lo que pueda yo y despues pedir que me den una mano, mas que nada para aprenderlo mejor y que me quede gravado de verdad ..
bueno, necesito mostrar y ocultar capas segun valla haciendo click en distintos elementos de una lista ...
Código que tengo hasta ahora:
Ver original<html>
<head>
<title>sandbox jeje</title>
<script language="Javascript">
function mostrar(nombreCapa)
{
document.getElementById(nombreCapa).style.visibility="visible";
}
function ocultar(nombreCapa)
{
document.getElementById(nombreCapa).style.visibility="hidden";
}
</script>
</head>
<body>
<a onclick="mostrar('capa2')" style="cursor:pointer">Capa 1</a>
<div id="capa2" style="visibility:hidden">Capa 2</div>
<a onclick="mostrar('capa4'); ocultar('capa2');" style="cursor:pointer">Capa 3</a>
<div id="capa4" style="visibility:hidden">Capa 4</div>
</body>
</html>
bueno, aclaro que lo estoy haciendo aparte, y despues lo voy a integrar a la lista ...
el problema esta, que con el codigo que tengo ahora, puedo mostrar y oculat solo 2 capas, pero yo necesito hacerlo con 10 capas diferentes ...
bueno, yo se que para hacer que se oculte la capa 3 quiero mostrar la capa 7, necesito un for que valla de 1 a 10 y que valla ocultando las que esten visibles a ecepcion de la numero 7 ...
Código del if:
Ver originalif(nombreCapa = capa[i])
{
next;
}
else
{
document.getElementById(nombreCapa).style.visibility="hidden"
}
pero la verdad, no tengo idea de como agregarlo al codigo que ya hice :S
alguien que le tire un flotador a este que se esta ahogando ??
gracias!
edito!
creo que esto tendria que ir asi ..
Código Js:
Ver original<script language="Javascript">
function mostrar(nombreCapa)
{
document.getElementById(nombreCapa).style.visibility="visible";
}
function ocultar(nombreCapa)
{
if(nombreCapa = capa[i])
{
next;
}
else
{
document.getElementById(nombreCapa).style.visibility="hidden"
}
}
</script>
pero no se como tendria que ir en la parte de los divs :S