Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2007, 04:23
Masta
 
Fecha de Ingreso: diciembre-2006
Mensajes: 3
Antigüedad: 17 años, 4 meses
Puntos: 0
Ocultar capa según resolución

Buenos días a todos,

Tengo un problemilla en javascript. Tengo una capa llamada Layer1 que quiero que desaparezca si la resolución de pantalla es de 800x600. Aquí os pongo
el código:

Código:
<SCRIPT LANGUAGE="JavaScript">
if (screen.width=="800")
{
document.write('Resolucion 800');
document.getElementById("Layer1").style.visibility="hidden";
}

</SCRIPT>

</head>
<body>

<div id="Layer1" style='position:absolute;top:293px;width:100%;height:
280px;z-index:1;margin-left: -259px;margin-top: 63px;'>
Este código, sólo cuando la resolución de pantalla es 800, escribe
"Resolucion 800", pero la siguiente línea no referencia bien a la capa
"Layer1" y no me la hace desaparecer.

He probado también escribir lo siguiente:

Código:
<SCRIPT LANGUAGE="JavaScript">

if (screen.width!="800")
{
var referencia=document.getElementById("Layer1");
referencia.style.display="none";
}

</SCRIPT>
Pero tampoco me hace desaparecer la capa.

¿Sabéis en qué puedo estar fallando?

Muchas gracias