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.

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
8 Basics of Regular Expressions
Viewed 1252 times since Mon, Mar 8, 2010
10 Most Popular JavaScript Frameworks
Viewed 1487 times since Thu, Jul 8, 2010
jQuery MultiSelect Plugin with ThemeRoller Support
Viewed 2838 times since Thu, Feb 4, 2010
Search Engine Optimization: Tags of Importance for SEO
Viewed 1244 times since Tue, Oct 12, 2010
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 1438 times since Tue, Feb 16, 2010
Open Source Web Analytics Framework
Viewed 1164 times since Sat, Jan 30, 2010
How to change default web page using htaccess?
Viewed 1627 times since Sun, Mar 14, 2010
What is new in HTML 5?
Viewed 1364 times since Sat, Apr 3, 2010
How to prevent access to a specific file on server using htaccess?
Viewed 1357 times since Sun, Mar 14, 2010