Onresize window para calcular el width y el height disponibles

Onresize window para calcular el width y el height disponibles

Print Friendly, PDF & Email
Onresize window para calcular el width y el height disponibles
5 (100%) 2 votos

Hoy hablamos sobre como calcular las dimensiones reales de la pantalla para un ordenador de escritorio.

Veremos una de aquellas ocasiones en las que resolver un problema con jQuery es muy fácil y sin embargo hacerlo con Javascript es … ejem… digamos que no termino de encontrar una solución idónea.

Veamos el código:

Calcular width y height de window con jQuery

Uso de resize() en jQuery
Como calcular las dimensiones reales tras aplicar .resize() con jQuery

La clave la encontramos en los métodos width() y height( ) aplicados al nodo window.

Calcular width y height de window con Javacript

ancho ventana navegador onresize
Calcular las dimensiones reales del ancho disponible tras onresize()

Si queremos calcular el ancho y la altura de la ventana disponible del navegador en tiempo real, por ejemplo cuando el usuario modifica el tamaño de la pantalla, hacerlo para el ancho es relativamente fácil.

El caso de la altura…se complica. Con sinceridad, desconozco como hacerlo y aún buscándolo no he encontrado ninguna respuesta satisfactorio.

Así que si es vital para tu proyecto entonces te recomiendo que si estás en mi mismo caso lo mejor que puedes hacer es usar jQuery.

Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.