Ventanas javascript con Prototype Window Class

Prototype Window

La Clase Prototype Window nos permite crear ventanas dentro de la ventana principal del navegador usando Javascript, con sólo unas líneas de código y un poco de CSS.

Algunas de sus características son:

  • Ventanas redimensionables
  • Minimizar/Maximizar
  • Cuadros de diálogo
  • Aspecto modificable

Su uso es muy sencillo, y bastan unas pocas líneas de javascript:

win = new Window('window_id', {title: "Sample", top:100, left:350})
win.getContent().innerHTML = "<h1>Hello world !!</h1>";
win.setDestroyOnClose();
win.showCenter();

Como su nombre indica, está basada en Prototype y tambien usa algunos efectos
de script.aculo.us.
Además dispone de abundante documentación y ejemplos.

Corrección: Como comenta Sergi, la url correcta es http://prototype-window.xilinus.com/.

Escrito por manuel el martes 6 de junio 2006
Guardado en AJAX, Programacion

3 comentarios para “Ventanas javascript con Prototype Window Class”
Sergi comenta:
jueves 15 de junio de 2006 a las 9:52 am

Hola,

este widget es una pasada. Lo he estado probando y es probable que lo integremos en uno de los proyectos que tenemos.

Sin embargo, el link que has puesto se corresponde con la versión beta de la web, que además no tiene la última versión del toolkit. Lo he encontrado por casualidad probando uno de los ejemplos…

Esta es la dirección correcta, con la última versión (0.85) y más temas gráficos: http://prototype-window.xilinus.com

Un saludo,
Sergi

manuel comenta:
jueves 15 de junio de 2006 a las 12:39 pm

Enlace cambiado. Gracias Sergi ;)

Gonzalo comenta:
viernes 27 de octubre de 2006 a las 2:47 pm

Tengo un problema con esta libreria, cuando muevo la ventana creada me deja de funcinar el boton que la cierra.
A alguien le paso lo mismo? lo pudieron solucionar?

Gracias de antemano.

Deja tu comentario