Programando necesitaba agregar una ventana PopUp en una interfaz, no me encontraba a gusto utilizar el showModalDialog() de Javascript.
var returnValue = showModalDialog("zoneLookup.html","",
"dialogWidth:620px; dialogHeight:500px; center:on");
Investigando un poco encontré este componente ModalBox que me fue fácil de implementar y tiene una agradable visualización.
Solo haré un poco de mención de este componente ya que la instalación y los demos están en la página principal de ModalBox.
El requerimiento para usar este compenente es tener las librerías js : prototype y script.aculo.us
Luego integrar al proyecto los archivos modalbox.js y modalbox.css de la página de ModalBox.
Y después de realizar una invocación de este tipo:
Modalbox.show("pseudocodeSentencia.html", {title: "Editar Sentencia Pseudocódigo", width: 600});
Solo son 2 parámetros:
- El primero puede ser la referencia a una página, HTML plano (cadena html) , nodo DOM o objeto Html (javascript)
- El segundo son las propiedades del PopUp
Visualización:
Al principio tuve unos problemas por el estilo, ya que mi aplicación tenía por defecto un estilo predeterminado y configurado con SiteMesh Decorators (Opensymphony) y esto corrompía con el estilo del ModalBox (modalbox.css). Por esta razón tuve que quitarle el estilo solo a esa página.
Comentarios