Scriptaculous / Prototype modal window

javascript prototypejs lightbox modal-dialog scriptaculous
BiscottiGummyBears picture BiscottiGummyBears · Jan 15, 2010 · Viewed 16.7k times · Source

I would like to make a modal window using prototype and scriptaculous. I was wondering if there is any site that has a tutorial or if anyone could kinda give me some idea where to start. (I don't want a prebuilt one)

Answer

thaddeusmt picture thaddeusmt · Jun 8, 2011

In addition to Control.Window, here are some others I have found:

  1. http://okonet.ru/projects/modalbox/index.html (very nice, and free)
  2. http://prototype-window.xilinus.com/download.html (looks pretty good)
  3. http://dzone.com/snippets/javascript-dialog-box-based (not packaged, just a code snippet)
  4. http://www.nickstakenburg.com/projects/lightview/ (slick! but not free)

More image oriented:

  1. http://www.huddletogether.com/projects/lightbox2/ (a classic!)
  2. http://www.doknowevil.net/litebox/

Related questions

Creating a new DOM element from an HTML string using built-in DOM methods or Prototype

I have an HTML string representing an element: '<li>text</li>'. I'd like to append it to an element in the DOM (a ul in my case). How can I do this with Prototype …

Read More
How to autosize a textarea using Prototype?

I'm currently working on an internal sales application for the company I work for, and I've got a form that allows the user to change the delivery address. Now I think it would look much nicer, if the textarea I'm …

Read More
Testing the type of a DOM element in JavaScript

Is there a way to test the type of an element in JavaScript? The answer may or may not require the prototype library, however the following setup does make use of the library. function(event) { var element = event.element(); // if …

Read More