Ventanas flotantes (dialog.js)

Tras probar muchos scripts para ventanas flotantes por fin he dado con uno que se basa en Scriptaculous, es funcional y bonito. Hace uso de skins, lo que lo hace facilemente adaptable al entorno de la aplicación que estemos programando y permite cargar los contenidos dinámicamente… y de allí a cargar los contenidos mediante Ajax ya solo queda un pequeño paso :-)
La única pega que le veo es que no ofrece la posibilidad de adaptar su tamaño al contenido, aunque si ofrece la funcionalidad de scroll.

Podeis ver la demo en http://net4visions.com/dev/dialog/dialog.htm.
Para descargar el código… http://net4visions.com/dev/dialog/

La implementación de dialog.js en nuestra aplicación es muy fácil…
Después de cargar prototype.js y scriptaculous.js se carga _dialog.js.
Para abrir una ventana flotante se usa

var dlg0 = new Dialog(null, {options});

Las opciones disponibles y el manual completo lo encontrais aquí.

Miguel

6 Comentarios to “Ventanas flotantes (dialog.js)”

  1. RieTs Says:

    Alguien sabes si en un dialog puedo poner un boton que me cierre el dialog? he probado todo i no se como hacerlo.

  2. Miguel Says:

    Hola RieTs,

    En _dialog.js las ventanas por defecto llevan el botón de cerrar además del botón de minimizar y maximizar. Si pones el código que usas quizás podamos averiguar dónde está el fallo.

    Saludos,
    Miguel

  3. RieTs Says:

    Ya està, era un fallo bastante estupido, resulta que declaraba “var dlg0 = new Dialog(null, {options});”
    osea con var, entonces era ambito de la variable era local i dentro de otras funciones no podia trabajar con la variable ahora, sin var, puedo hacer un boton de confirmación en el dialog que llame a una función la qual ejecute: dlg0.remove(); i me cierre la ventana.
    Saludos.

  4. d0s Says:

    Me parece demasiado cargar tantos KB (prototype, scriptaculous + dialog) solo para hacer una ventana.
    Salen lindas pero es demasiado

  5. Miguel Says:

    Hola d0s,

    Está claro que si lo único que vas a hacer es crear unas ventanas esta combinación es demasiado pesada por el hecho de existir alternativas más ligeras. Usar este tipo de combinación de librerías sale a cuenta si piensas sacarle el jugo usando mucho JavaScript en tu web.

    En ningún momento recomiendo usar Scriptaculous/Prototype para el uso cotidiano… lo veo más bien cómo framework a usar en aplicaciones dónde el peso extra no cae en cuenta o hasta lo aminora por evitar líneas de comando superfluas.

    Saludos,
    Miguel

  6. sandro Says:

    saludos, copie todos los datos a mi servidor, pero no me funciona , sale un error de “se esperaba un objeto” quisiera saber cual es el error, es del servidor o de mi navegador que opciones avanzadas deben estar para poder visualizar, ya que me parece extraño porque el demo que se publica aqui si sale en mi navegador y cuando lo ejecuto en local o en mi servidor sale un bendito error, si es posible que alguien me envie respuestas. gracias.

Deja un comentario