tamaño (real) de panatalla

FuLaNo_ · #1 (**permalink**) 29/04/2005, 17:03

Hola gente:

Necesito saber si es posible mediante javascript obtener el valor REAL de la pantalla en este momento.

Es decir, no necesito la resolución del usuario, sino saber que tamaño tiene la ventana del navegador en ese momento para así "mover" un div respetando ese tamaño.

Espero se entienda mi pedido.

Saludos.

xp64 · #2 (**permalink**) 30/04/2005, 11:44

Código:

anchoreal=screen.availWidth;
altoreal=screen.availHeight;

JavierB · #3 (**permalink**) 30/04/2005, 11:58

Hola FuLaNo_ y xp64

con screen.availWidth y screen.availHeight se obtiene la resolución del monitor, no el tamaño de la ventana. Se puede usar ese código, pero solo funciona en IE:

ancho=body.offsetWidth;
alto=body.offsetHeight;

Saludos,

FuLaNo_ · #4 (**permalink**) 30/04/2005, 15:26

JavierB

En teoría tendría que hacer una función con un timer verdad? para que el timer compruebe a cada instante el tamaño de la pantalla?

Igualmente no me ha convencido de que solo funcione en IE, estoy tratando de hacer que la Web sea accesible desde los navegadores mas importantes y si esto falla me quedaría una table encima de otra...

Mas vale hago que el div quede siempre en "left:880" y listo, si el usuario achica la pantalla solo verá la scroll horizontal.

Si alguien conoce algun metodo que funcione en IE, Firefox, Opera y demás, avise!

Saludos y gracias a ambos.

JavierB · #5 (**permalink**) 01/05/2005, 06:11

Hola de nuevo.

En vez de usar un times, puedes usar el evento onresize

<body onresize="tufuncion()">

Además he visto que es mejor usar ancho=document.body.offsetWidth;

En firefox funciona el width, pero no el heigth que al parecer da el tamaño de la página según el contenido que tenga. A mí también me gustaría saber si hay alguna propiedad equivalente. Esperemos que alguien nos pueda iluminar sobre este tema.

Saludos,

FuLaNo_ · #6 (**permalink**) 01/05/2005, 15:39

Hola gente:

Bueno, despues de probar varias veces logré que se vea bien en IE (6) y firefox, el problema es que no tengo como probarlo en Opera y netscape...

El codigo es:

Código:

function google_resize() {
    Width_actual = document.body.offsetWidth;
    browser = navigator.appName;
    if (browser == "Microsoft Internet Explorer") {
      Width_google = document.body.offsetWidth - 144;
      Width_max = 1019;
    }
    if (browser == "Netscape") {
      Width_google = document.body.offsetWidth - 124;
      Width_max = 1000;
    }
    if (Width_actual <= Width_max) {
      document.getElementById('banner_resol').style.left=Width_google;
      document.getElementById('banner_resol').style.visibility='hidden';
    }
    if (Width_actual >= Width_max+1){
      document.getElementById('banner_resol').style.left=Width_google;
      document.getElementById('banner_resol').style.visibility='visible';
    }
}

Notarán que use todos IF y no ELSE ya que no se porque razon con este ultimo me daba error... en fin, seguire probando.

Tambien tuve problemas con document.layers, queria usar este ya que para netscape se usa, pero firefox me tiraba error, me decia que use la getElementById() como dice w3...

Saludos y mil gracias!