Admin
 
 
Logo DIPLOX
Obtener el tamaño de la ventana o viewport con javascript
Volver Por face
  
Jueves, 06/08/2009
La información sobre el tamaño de la ventana que tenemos disponible en el navegador, muchas veces nos puede resultar importantes a la hora de colocar los diversos elementos de nuestra interfaz en el espacio disponible. La siguiente función nos devuelve el tamaño disponible en el navegador al redimensionar la ventana.

<script language=¨javascript¨>
function TamVentana () {
var Tamanyo = [0, 0];
if (typeof window.innerWidth != ´undefined´)
{
Tamanyo = [
window.innerWidth,
window.innerHeight
];
}
else if (typeof document.documentElement != ´undefined´
&& typeof document.documentElement.clientWidth !=
´undefined´ && document.documentElement.clientWidth != 0)
{
Tamanyo = [
document.documentElement.clientWidth,
document.documentElement.clientHeight
];
}
else {
Tamanyo = [
document.getElementsByTagName (´body´)[0].clientWidth,
document.getElementsByTagName (´body´)[0].clientHeight
];
}
return Tamanyo;
}
window.onresize = function () {
var Tam = TamVentana ();
alert (´La ventana mide: [´ + Tam[0] + ´, ´ + Tam[1] + ´]´);
};
</script>


Volver Por face