Ocultar capa según resolución

Masta · #1 (**permalink**) 09/11/2007, 04:23

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

JavierB · #2 (**permalink**) 09/11/2007, 05:04

Hola Masta

Lo que ocurre es que el código JavaScript se está ejecutando antes de que exista la capa.

Ponlo después del código de la capa o mételo en una función y lo llamas con el evento onload

Saludos,

Masta · #3 (**permalink**) 09/11/2007, 05:18

Qué vergüenza... llevo desde ayer por la tarde dándole vueltas y resulta que era porque tenía mal puesto el orden..

Muchas gracias por tu ayuda.