En esta semana se estudia cómo cambiar imágenes dinámicamente, y cómo expandir y colapsar dinámicamente elementos HTML, a través de JavaScript. Se proporcionan varios ejemplos donde se ilustra lo anterior, en respuesta a eventos que se ejecutan en el navegador web.
Los objetivos que deben cumplirse al final de esta semana son los siguientes:
 |
Ejemplo de clase. Cambiar imágenes con JavaScript. En este ejemplo, el profesor ilustra el uso de JavaScript; en particular para mostrar la manera de cambiar imágenes dinámicamente utilizando JavaScript, en respuesta a eventos que se ejecutan en el navegador web. |
 |
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes con JavaScript. Archivo ZIP con los archivos para la solución del ejercicio de clase, los cuales incluyen: cambiaImagen.html con la estructura de la página web, y el código JavaScript para cambiar imágenes; y las imágenes mas.jpg y menos.jpg. |
 |
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes con JavaScript. En este link se abre una pestaña nueva con la solución del ejemplo de clase. |
|
Ejemplo de clase. Cambiar imágenes y esconder texto con JavaScript. En este ejemplo, el profesor ilustra el uso de JavaScript; en particular para mostrar la manera de cambiar imágenes, y esconder y mostrar texto dinámicamente utilizando JavaScript, en respuesta a eventos que se ejecutan en el navegador web. |
|
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes y esconder texto con JavaScript. Archivo ZIP con los archivos para la solución del ejercicio de clase, los cuales incluyen: cambiaImage_escondeTexton.html con la estructura de la página web, y el código JavaScript para cambiar imágenes, y esconder y mostrar texto; y las imágenes mas.jpg y menos.jpg. |
|
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes y esconder texto con JavaScript. En este link se abre una pestaña nueva con la solución del ejemplo de clase. |
|
Ejemplo de clase. Cambiar imágenes con JavaScript. En este ejemplo, el profesor ilustra el uso de JavaScript; en particular para mostrar la manera de esconder y mostrar contenido dinámicamente utilizando JavaScript, en respuesta a eventos que se ejecutan en el navegador web. |
|
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes con JavaScript. Archivo ZIP con los archivos para la solución del ejercicio de clase, los cuales incluyen: ueas.html con la estructura de la página web, y el código JavaScript para esconder y mostrar contenido dinámicamente; y las imágenes mas.jpg y menos.jpg. |
|
SOLUCIÓN del Ejemplo de clase. Cambiar imágenes con JavaScript. En este link se abre una pestaña nueva con la solución del ejemplo de clase. |