Obtener el tamaño de la ventana o viewport con Javascript

1 - , , - 17/10/2006 07:53:33

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.

Javascript:

<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>

Comentarios

felipe18/05/2012 06:35:01

1
Y como puedo meter lo que me retorna este metodo dentro del css? por ejemplo para darle el width a un div.

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha