Popup

1.    Objetivo de la práctica

·         Como recuperar valores de una ventana Popup
2.    Marco teórico
La ventana denominado Popup nos permite recuperar valores sin la necesidad de recargar la página.

Los valores de los controles son recuperados mediante el JavaScript.

a.    JavaScript

JavaScript es un lenguaje de programación interpretado; se utiliza principalmente en su forma del lado del cliente, implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador.

3.    Se tiene el siguiente diseño

4.    Ejercicios de la aplicación

A continuación se explica el proceso de funcionamiento como se muestra una venta popup, recuperar los valores de los controles que se encuentra en el popup y asignar el valor recuperado a un control que se encuentra en el formulario principal.

·         Ejercicio 1: Crear un formulario principal y agregar el código JavaScript para mostrar el Popup.

Agregamos una caja de texto y un botón, al realizar click en el botón muestre el Popup y en la caja de texto se recuperara un valor que será procesado en el popup.

Imagen 01

Crear un nuevo formulario que será visualizado el Popup. Diseñamos como se muestra en la imagen 02

Imagen 02

·         Ejercicio 2: Determinar la suma de dos números en el popup y mostrar el valor determinado en la caja de texto que se muestra en el formulario principal.

Para realizar la operación suma creamos una función en javascript. El resultado asignamos a la caja de texto que se encuentra en el formulario principal.

Imagen 03

Como resultado final tenemos como se muestra en la imagen 04

Imagen 04

5.    Ejercicios propuestos de investigación

·         Crear una ventana popup para realizar las cuatro operaciones básicas. El resultado se debe mostrar como en la imagen 05.

Imagen 05