area visible de la ventana

[elier_rp]

hola a todos , he buscado por todos lados y no encuentro nada , por eso os molesto , necesito saber como puedo obtener el tamaño real del area visible de la ventana del navegador , es decir el tamaño sin barras de herramientas ni nada , bueno espero me puedan ayudar , un saludo

[daPhyre]

No entiendo muy bien lo que necesitas. ¿Puedes ser un poco más específico y darnos un ejemplo más o menos de lo que requieres? Nos ayudará a saber como auxiliarte.

[ElJavista]

A ver, tienes que precisar un poco más lo que dices, si entendí lo que quieres, pero hay dos opciones: la primera, quieres obtener el alto total de de la página web en si, la segunda: quieres obtener el alto de la ventana, menos las barras de herramientas. Ambas cosas se puede, de un modo distinto (estoy asumiento que quieres obtenerlo con JavaScript).

En el primer caso. Debería haber un DIV que englobe toda tu página, y digo toda, o sea, que tendrías que ponerle a la página margen 0. OK, le das un id, digamos "divMain", la manera de obtener su altura es la siguiente:

var alto = document.getElementById("divMain").offsetHeight // respeta mayúsculas y minísculas

Ahora, para el segundo caso simplemente haces lo siguiente:

var alto = document.body.offsetHeight;

Es probable que eso no funcione, eso depende de la versión del HTML definida por el doctype, así podrías probar con esto:

var alto = document.documentElement.offsetHeight;

Sé que hay una manera de hacer esto con una sóla liena (es decir, que funcione para cualquier versión HTML), pero no la sé.

Espero que sea lo que necesites.

[Panino5001]

Fijate si esto te sirve:

Código PHP:

  <script>
function getWindowData(){
    var widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal;
    if (typeof window.innerWidth != 'undefined'){
        widthViewport= window.innerWidth-17;
        heightViewport= window.innerHeight-17;
    }else if(typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0){
        widthViewport=document.documentElement.clientWidth;
        heightViewport=document.documentElement.clientHeight;
    }else{
        widthViewport= document.getElementsByTagName('body')[0].clientWidth;
        heightViewport=document.getElementsByTagName('body')[0].clientHeight;
    }
    xScroll=self.pageXOffset || (document.documentElement.scrollLeft+document.body.scrollLeft);
    yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
    widthTotal=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth,widthViewport);
    heightTotal=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,heightViewport);
    return [widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal];
}
</script> 
  

El Viewport es la porción visible de la página. Digo porción visible porque es probable que haya otra porción que haya quedado oculta y que sólo pueda verse usando las barras de scroll. De manera que la superficie total de la página será equivalente a la suma de la superficie del viewport más la superficie de la zona oculta por el scroll.

La función mostrada arriba retorna un array con los siguientes elementos:

widthViewport: el ancho del viewport.
heightViewport: el alto del viewport.
xScroll: la medida del desplazamiento horizontal del scroll.
yScroll: la medida del desplazamiento vertical del scroll.
widthTotal: el ancho total de la página (porción visible más porción oculta por el scroll).
heightTotal: el alto total de la página (porción visible más porción oculta por el scroll).
Para usarla:

Código PHP:

  alert(getWindowData()[0]);
//obtenemos el ancho del viewport 
   

[elier_rp]

hola ya resolvi lo que queria , necesitaba saber el alto y ancho real del espacio para contenidos del navegador , es decir obviando las barras de menu etc... , solo la parte que muestre el contenido de la web, por si les sirve de algo esto sirve para todos los navegadores

alto = window.innerHeight ? window.innerHeight : document.body.offsetHeight ;

ancho = window.innerWidth ? window.innerWidth : document.body.offsetWidth ;