LP-II Ejemplo : Servlets, JSP y PopUp

Despues de un par de ciclos vuelvo a dictar el curso de LP-II. Aunque lo he tomado recien luego de los parciales, algunos alumnos me han pedido que les dé un ejemplo de PopUps. Aunque no soy muy partidario del uso de JavaScript (porque no corre igual en todos los navegadores) , aqui va el ejemplo que he tratado de hacerlo lo más estandar posible para IE, Chrome y FireFox :

La Aplicación es bastante sencilla he obviado el acceso a base de datos  y por ello la data está como variables fijas (por eso el paso 1)

1) Tiene un único servlet que se carga al inicio: en el web.xml vean la línea que dice       <load-on-startup>1</load-on-startup>

Esto se hace con el fin que en el método INIT del servlet se guarde en el contexto de la aplicación el HashMap "allCars" :

    public void init() {
            allCars.put("Renault", carsRenault);
            allCars.put("Fiat", carsFiat);
            allCars.put("Toyota", carsToyota);
            this.getServletContext().setAttribute("allCars", allCars);
    }

2) La aplicación inicia con la página: pagina1.jsp

Esta página es un formulario que tiene 2 botones: uno sirve para invocar al JavaScript que abre la ventana de popup y el otro sirve para hacer submit del formulario ( invocando al alias denominado "s01" que corresponde al servlet ).

3) Cuando se abre la ventana de popup, se recupera del HashMap que está en el contexto de la aplicación  la lista de modelos de auto y se muestran en una tabla (usando JSTL  observen bien el detalle ...)

Si el usuario selecciona un modelo, el JavaScript de esta página se encarga de escribir dicho valor en la ventana padre ( esta es la parte dificil pues se debe escribir así para que sea estandar a todos los navegadores, aunque en IE permite saltarse algunas cosas ) y cerrar el popUp.

 

4) Finalmente, una vez seleccionado el modelo, presionamos el botón "aceptar" para hacer el submit del formulario y se mostrará la página 2 que simplemente es un texto indicando el modelo seleccionado.

Nota: Todas las páginas JSP están con código JSTL. Puedes descargar la aplicación dando click aquí.

¡ Feliz año nuevo ! 

PD: No te olvides de dejar un comentario. gracias !