Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Flexible javascript dialog box for the prototype JS library.
JavaScript
Branch: master

README.rdoc

About

This creates a nice dialog-like popup using the prototype javascript lib. It was based off of Based on snippets.dzone.com/posts/show/3411

Supports custom overlays and a bunch of nifty options to mess around with. Useful when you need a basic dialog which is easy to customize and not a lot of overhead.

This is not a lightbox. It doesn't support AJAX. It simply shows a div layer with some simple effects. The dialog's HTML must appear within the HTML document.

Usage

(See examples/basic.html for working examples)

new Dialog.Box('dialog_element_id', [options = {}]);

// to show
$('dialog_element_id').show();

// to hide
$('dialog_element_id').hide();

Available Options

use_overlay::     if you want the overlay to show or not -- setting to false means manually hiding() the dialog
hide_on_key::     if set we will listen for this key code and hide on it, set to +FALSE+ if you don't want this       
overlay_color::   sets the color of the overlay(unless using a custom one)
duration::        how long the overlay (or dialog if you use fade_dialog) takes to appear/fade
opacity_from::    appear/fade from this opacity -- you will probably never use this
opacity_to::      what opacity should the overlay get (doesn't work for dialog itself)
reset_form::      should we clear the dialog's input fields when hidden? useful for login forms
hide_select_boxes::  should we hide select boxes when transitioning? default is true for IE only
persistent::      keeps the dialog up until you explicitly tell it to hide()
fade_dialog::     should we fade in/out the dialog along with the overlay?
Something went wrong with that request. Please try again.