Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/07/2005, 10:20
Jall Malatesta
 
Fecha de Ingreso: diciembre-2002
Mensajes: 8
Antigüedad: 22 años, 2 meses
Puntos: 0
Una solucion

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&iacute;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

Última edición por tunait; 09/07/2005 a las 02:22