Aquí te presento una posible soución. Hay dos páginas: index.html y capas.html.
En index.html hay enlaces a capas.html de tal manera que en esta se muestra/n la/s capa/s que se pasa/n como parámetro/s. Este es el código de index.html:
Código:
<html>
<head>
</head>
<body>
<div align="center">
<br>
<a href="capas.html?var1=a">
<b>ver 'capa 1'</b></a>
<br>
<a href="capas.html?var1=b">
<b>ver 'capa 2'</b></a>
<br>
<a href="capas.html?var1=c">
<b>ver 'capa 3'</b></a>
<br>
<a href="capas.html?var1=d">
<b>ver 'capa 4'</b></a>
<br>
<a href="capas.html?var1=c&var2=d">
<b>ver 'capa 3 y 4'</b></a>
</div>
</body>
</html>
Si observas la forma de los enlaces estos indican cuál capa (a,b,c ó d) tiene que verse en la página capas.html. El código de esta es:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>
Documento sin título
</title>
<style type="text/css">
#a{visibility:hidden;width:50%;margin-top:20px;top:100px;color:#FF0000;border:1px solid #FF0000}
#b{visibility:hidden;width:50%;margin-top:20px;top:150px;color:#666699;border:1px solid #666699}
#c{visibility:hidden;width:50%;margin-top:20px;top:200px;color:#666600;border:1px solid #666600}
#d{visibility:hidden;width:50%;margin-top:20px;top:250px;color:#FF66CC;border:1px solid #FF66CC}
</style>
<script language="JavaScript" type="text/JavaScript">
function leerGET(){
var cadGET = location.search.substr(1,location.search.length);
var arrGET = cadGET.split("&");
var asocGET = new Array(); var variable = "";
var valor = "";
for(i=0; i<arrGET.length; i++){
var aux = arrGET[i].split("=");
variable = aux[0];
valor = aux[1];
asocGET[variable] = valor;
}
return asocGET;
}
function mostrarCapa(){
var paresVarValor = leerGET();
for (obj in paresVarValor)
{
var variable = paresVarValor[obj];
document.getElementById(variable).style.visibility = 'visible';
}
}
function modificarVisibilidad(capa){
with (document.getElementById(capa).style){
(visibility == "visible")? visibility = "hidden":visibility = "visible";
}
}
</script>
</head>
<body onload="mostrarCapa()">
<div align="center">
<a href="javascript:void(0)" title="1" onClick="modificarVisibilidad('a')">Modificar Visibilidad de CAPA 1</a>
<a href="javascript:void(0)" title="1" onClick="modificarVisibilidad('b')">Modificar Visibilidad de CAPA 2</a>
<a href="javascript:void(0)" title="1" onClick="modificarVisibilidad('c')">Modificar Visibilidad de CAPA 3</a>
<a href="javascript:void(0)" title="1" onClick="modificarVisibilidad('d')">Modificar Visibilidad de CAPA 4</a>
<div id="a">
capa 1
</div>
<div id="b">
capa 2
</div>
<div id="c">
capa 3
</div>
<div id="d">
capa 4
</div>
</div>
</body>
</html>
Bien, como puedes ver he pasado un poco del Dreamweaver (que Dios me perdone la insolencia). He utilizado la función leerGET() para capturar las variables del GET. He utilizado la función mostrarCapa() para, una vez cargada la página (onload) mostrar la capa devuelta en la función anterior. Y finalmente, uso la función modificarVisibilidad(capa) para manipular la visibilidad/invisibilidad de las capas.
Espero que esto resuelva tu problema. Si hay algun problema lo comentas.
Gracias por usar mi función leerGet().
salu2