Tutorial JavaScript


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:

  1. 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.

  2. La ventana que muestra la diapositiva quede focalizada.

  3. Implementar lo mismo que en el punto anterior, pero realizarlo por medio de la llamada a una función.

  4. Adicionar dos enlaces que permitan ocultar o mostrar la diapositiva si el mouse se pasa sobre ellos.

  5. Adicionar un enlace para eliminar la ventana donde se muestran las diapositivas.

  6. Adicionar un enlace para crear la ventana nuevamente.

  7. 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.

<<<Anterior - Siguiente>>>


¡Visita también estos sitios interesantes!

Sitio alojado en Yaia.com