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.

Entradas relacionadas:

Como modificar el destino de todos los enlaces de una web con javascript
- 178
Ejercicio con solución de la serie ejercicios javascript puro dónde se muestra como modificar el href de todos los enlaces de una web.
Validación de campos try catch finally en Javascript puro
- 523
Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...
Ejercicio – El pokemon corredor
- 138
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.
Ejercicio – Generación de un dado de 6 caras con javascript
- 217
Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.
Scope de las variables en javascript
- 395
En esta entrada vamos a hablar sobre el ámbito (scope) de las variables en javascript. Voy a suponer que ya sabes declarar y usar funciones y que  también tienes claro el concepto de variable y su sin...
Métodos javascript
- 437
Javascript es un lenguaje basado en métodos. Existen muchos métodos predefinidos que afectan a arrays, strings, números y casi cualquier variable de tipo objeto. Veamos un resumen de los más important...
Resumen de como comentar código en html, css y javascript
- 584
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Como programar la ley de cookies con Javascript
- 46
Ejercicio de programación de una venta emergente con el mítico mensaje de Ley de Cookies. Paradójicamente hay que usar una cookie para cumplir con la ley de cookies. Incluye solución.
Carácteres escapados en Javascript
- 364
El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico. El concepto es muy similar al de escapar un carácter en HTML...
Ejercicio – Acoplamiento de javascript en un documento web
- 261
Ejercicio y solución de un problema introductorio al mundo del Javascript.
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.