Cambiar tamaño en ventana con efecto plegado.

Al cargarse la página automáticamente se mueve la ventana mediante el método moveTo() a la posición absoluta (0,0). Luego se vuelve a mover a la posición (-6,-6) mediante el método moveBy() que permite mover la ventana de forma relativa a la posición actual. En este ejemplo estaremos moviendo 6 pixeles hacia la izquierda y 6 pixeles hacia arriba de la pantalla.

Básicamente el JavaScript ejecuta dos bucles for según los valores de ancho prefijados en la condición. Para el primer caso se define una variable anchomenos y se le asigna un valor igual a la resolución de pantalla. Si el valor de esta variable es menor que 100 se ejecuta el bucle y resta al valor de la variable diez (10) unidades. Lo que hace este bucle, mientras su condición sea verdadera, es ir redimensionando la ventana de manera relativa en (-10,-10) pixeles, es decir, resta a la anchura y altura de la ventana 10 pixeles. Para una resolución de pantalla de 1024 x 768 el bucle se ejecutará 93 veces dejando como último valor para anchomenos un valor de 94.

Cuando la condición del bucle anterior es falsa éste deja de ejecutarse y se salta a la siguiente línea de código que no es más que otro bucle. En este caso se define una variable anchomas con un valor inicial igual al último valor guardado en la variable anchomenos (94). La condición para que se ejecute este bucle for es que anchomas

sea menor a la resolución de pantalla de la computadora donde se ejecuta el JavaScript. Si esta condición es verdadera se ejecuta la primer línea del bucle y se suma al valor de anchomas diez (10) unidades. El código de este bucle hace lo mismo que el anterior pero a la inversa, es decir, incrementa el ancho y alto de la ventana relativamente en 10 unidades.

Tanto el método moveTo() como moveBy() y la condición que sigue a la ejecución del último bucle, se utilizan para acomodar lo más exactamente posible la ventana en el área de la pantalla del monitor. Una vez más nos encontramos con las incompatibilidades entre los navegadores con respecto al uso de las propiedades de pantalla, así que debemos crear una condición solo para el navegador de Mosilla, la cual redimensiona la ventana de manera relativa restando 10 unidades al ancho y alto.