Capas + javascript + resolucion
Hola, estoy diseñando una pequeña página web, usando css y javascript. El problema que tengo es que dependiendo de la resolución, algunas capas
¿Es posible detectar la resolución de la pantalla con javascript? Y, si es posible, ¿cómo puedo modificar la intentar de una capa determinada?
Muchas gracias a tod@s
<div>han de situarse en un lugar u otro de la pantalla.
¿Es posible detectar la resolución de la pantalla con javascript? Y, si es posible, ¿cómo puedo modificar la intentar de una capa determinada?
Muchas gracias a tod@s
1 respuesta
Respuesta de stoke
1
<html>
<script>
function detect(){
if (screen.width == 800 && screen.height == 600){
document.all.capa1.style.top = 50;
document.all.capa1.style.left = 150;
}
if (screen.width == 1024 && screen.height == 768){
document.all.capa1.style.top = 200;
document.all.capa1.style.left = 150;
}
}
</script>
<body onload="detect();">
<div id=capa1 style="position:absolute;">
hola
</div>
</body>
</html>
<script>
function detect(){
if (screen.width == 800 && screen.height == 600){
document.all.capa1.style.top = 50;
document.all.capa1.style.left = 150;
}
if (screen.width == 1024 && screen.height == 768){
document.all.capa1.style.top = 200;
document.all.capa1.style.left = 150;
}
}
</script>
<body onload="detect();">
<div id=capa1 style="position:absolute;">
hola
</div>
</body>
</html>
