Article Diary - General Knowledge Digest

Create Standalone JavaScript Modal Windows with TinyBox2

TinyBox2 is the successor of the previously published resource TinyBox which is a standalone JavaScript modal windows library. The library is lightweight (only 5kb) and supports images, iframes, HTML and Ajax requests natively.

JavaScript Modal Windows

Modal windows are very flexible with the options like toggle animation, auto-hide, opacity level, custom positions and more. They can be closed by simply clicking on the close button, anywhere outside the modal box or Esc Key.

There are callback functions for the open + close events and the windows can be set to load in a specific size or the width/height (auto) of the content to be displayed.

Click here for the demo.
Click here to download.

This script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects under the creative commons license.

5 (2)
Article Rating (2 Votes)
Rate this article
Attached Files
There are no attachments for this article.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
dTree - Flexible JavaScript Tree Menu
Viewed 1761 times since Thu, Jan 14, 2010
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 1269 times since Tue, Feb 16, 2010
How do I add and register extra domain names?
Viewed 3843 times since Fri, Oct 9, 2009
Quick Tables for Showing & Updating DB Data
Viewed 1305 times since Sun, Dec 27, 2009
13 Useful Javascript Syntax Highlighting Scripts
Viewed 1593 times since Mon, Jan 4, 2010
50 Free And Quality Web Icons
Viewed 1816 times since Tue, Jan 5, 2010
Inline Form Validation With jQuery
Viewed 1511 times since Sat, Jan 9, 2010
Open Source Trouble Ticket System - Jutda Helpdesk
Viewed 2163 times since Sat, Jan 9, 2010
Web Form Elements in PSD Format
Viewed 1201 times since Sun, Dec 27, 2009
CSS Positioning - Absolute, Relative & Fixed
Viewed 1537 times since Thu, Dec 3, 2009