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:

Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 50
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Como contar vocales y espacios en blanco en un texto mediante javascript
- 72
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
Estructura condicional switch en Javascript
- 551
Podemos escribir una estructura condicional mediante el if(){}else if(){}else{} o mediante el switch(){}. ¿Cuando usar una opción y no la otra? En esta entrada vemos un ejemplo para el switch y coment...
Introducción a los eventos javascript
- 274
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Ejercicio – Corrige los errores (concepto acoplamiento javascript)
- 99
Ejercicio javascript en el que se repasa el concepto de acoplamiento y se piden corregir algunos errores típicos.
Ejercicio – corrección de errores en javascript. Variables y strings.
- 73
En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.
Palabras reservadas que no se deben usar para declarar variables
- 162
Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Carácteres escapados en Javascript
- 237
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...
Validación de campos try catch finally en Javascript puro
- 335
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 ...
3 formas de cambiar la ubicación de búsqueda en Google
- 141
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
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.