Relacionándonos con otras ventanas
Como
ya hemos visto, para intercambiar una imagen la llevamos a cabo
con:
window.document.la_imagen.src="button_d.gif";
Esto
funciona diciéndole a JavaScript que mire en una ventana,
encuentre su documento y luego que busque una cosa llamada la_imagen
dentro del documento. Una vez que JavaScript ubica la imagen,
puede cambiar su src a cualquier GIF que queramos.
A
veces es útil tener un enlace en una ventana que cambie
la imagen en otra ventana. Imagínese una muestra de diapositivas
en la cual una ventana muestra las imágenes y otra pequeña
ventana que contiene las imágenes reducidas de cada diapositiva.
Presionando sobre las reducidas en la pequeña ventana,
cambia la imagen de la imagen grande.
Para
dar una idea sobre lo que estoy hablando ejecute diapo_menu1_0.html,
analice su código luego bosqueje el porqué de
su comportamiento.
Ejercicios:
Tomando
como base el ejercicio anterior, agregar los siguientes comportamientos:
-
La
ventana no presente: barra de menú, barra de estado,
barra de dirección, que tenga un tamaño de
450x450 pixeles y que se pueda modificar su tamaño.
-
La
ventana que muestra la diapositiva quede focalizada.
-
Implementar
lo mismo que en el punto anterior, pero realizarlo por medio
de la llamada a una función.
-
Adicionar
dos enlaces que permitan ocultar o mostrar la diapositiva
si el mouse se pasa sobre ellos.
-
Adicionar
un enlace para eliminar la ventana donde se muestran las
diapositivas.
-
Adicionar
un enlace para crear la ventana nuevamente.
-
En
lugar de ser los enlaces de texto que sean por medio de
imágenes
Con
este ejemplo ha quedado claro como poder en la apariencia de
una ventana pero operando desde otra ventana. Para esto hay
que anteponer el nombre de la ventana obtenida en la operación
de apertura. En realidad el nombre es como si fuera un descriptor
de archivos.