Abrir ventana a pantalla completa Fullscreen.

El Script tiene una función llamada PantallaCompleta(), la cual es llamada desde el evento onClick de la etiqueta <A>. La función que llamamos desde esta etiqueta guarda un parámetro que es el nombre del archivo que queremos abrir a pantalla completa. En el ejemplo vemos que es posible colocar varios enlaces. Cada uno de ellos llama a la misma función pero abre un archivo diferente.

Debido a que los navegadores IE y Firefox se comportan de diferente manera con respecto a las propiedades que controlan los anchos y altos de la ventana tenemos que crear un Script con dos condiciones, una para Firefox y la otra para cualquier otro navegador que intente visualizar la página.

Lo primero que hacemos es crear la condición para el navegador de Mosilla, la función open() del objeto window es exactamente igual que la utilizada para los demás navegadores, pero en este caso, guardamos la ventana abierta en una variable para poder hacerle algunos cambios una vez abierta. Básicamente lo que necesitamos es que la propiedad que controla el ancho y alto de la ventana en Firefox sea igual que la resolución (en alto y ancho) de pantalla que se está utilizando en la computadora. Entonces definimos que el innerWidth y el innerHeight sea igual a window.screen.width y window.screen.height respectivamente. Haciendo esto la ventana queda un poco más grande que la pantalla del monitor así que restamos algunos pixeles a cada una de las propiedades. Listo, problema resuelto, lo único que nos queda por hacer es mover la ventana a la posición (0,0) para que no aparezca posicionada en cualquier lado.

La sentencia else se ejecuta siempre y cuando la primera condición sea falsa. Mediante la función open() especificamos que se abra el archivo que indicamos y el cual almacenamos en la variable URL. El segundo parámetro no nos interesa demasiado por eso lo dejamos vacío, pero si quisiéramos podríamos especificar aquí un nombre para la nueva ventana abierta. El tercer y último parámetro de esta función nos permite definir las propiedades de la ventana que vamos a abrir, es decir su ancho, alto, barras, menús, etc. Las propiedades de la ventana que nos interesa controlar es fullscreen [yes|no], para especificar que se abra o no a pantalla completa y scrollbars [yes|no|auto], para indicar que coloque las barras de desplazamiento horizontal y vertical. En este ejemplo utilizaremos el valor "yes" para los dos propiedades. De esta manera la ventana se abrirá como fullscreen y tendrá las barras de desplazamiento vertical y horizontal solo cuando se necesiten.

El código JavaScript javascript:void(0) colocado en el atributo href de la etiqueta <A> permite controlar la manera en que se comporta el enlace al hacer clic sobre él. En este ejemplo el atributo href no es el que abre el archivo enlazado por lo que debemos indicar con este código que no se realice ninguna acción al hacer clic sobre el enlace.