<html>
<head>
<title>
Página con las capas
</title>
<style type="text/css">
#a{visibility:hidden;width:50%;margin-top:20px;top:100px;color:#FF0000;border:2px solid #FF0000;background-color : #F8F8FF;}
#b{visibility:hidden;width:50%;margin-top:20px;top:150px;color:#666699;border:2px solid #666699;background-color : #F8F8FF;}
#c{visibility:hidden;width:50%;margin-top:20px;top:200px;color:#666600;border:2px solid #666600;background-color : #F8F8FF;}
#d{visibility:hidden;width:50%;margin-top:20px;top:250px;color:#FF66CC;border:2px solid #FF66CC;background-color : #F8F8FF;}
</style>
<link rel="stylesheet" href="../estilo2.css" type="text/css">
<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 = "";
var numVariables = arrGET.length;
for(i = 0 ; i < numVariables; 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()">
<h3>Página 'capas.html'</h3>
<div align="center">
<a href="javascript:void(0)" title="modificar visibilidad capa a" onClick="modificarVisibilidad('a')">Modificar Visibilidad de CAPA 1 (a)</a><br>
<a href="javascript:void(0)" title="modificar visibilidad capa b" onClick="modificarVisibilidad('b')">Modificar Visibilidad de CAPA 2 (b)</a><br>
<a href="javascript:void(0)" title="modificar visibilidad capa c" onClick="modificarVisibilidad('c')">Modificar Visibilidad de CAPA 3 (c)</a><br>
<a href="javascript:void(0)" title="modificar visibilidad capa d" onClick="modificarVisibilidad('d')">Modificar Visibilidad de CAPA 4 (d)</a><br>
<div id="a">
capa 1 (a)
</div>
<div id="b">
capa 2 (b)
</div>
<div id="c">
capa 3 (c)
</div>
<div id="d">
capa 4 (d)
</div>
<br>
<a href="javascript:history.go(-1)">VOLVER A PROBAR</a> || <a href="javascript:window.close()">CERRAR</a>
</div>
</body>
</html>
