Article Diary - General Knowledge Digest

TinyBox - JavaScript Lightweight Modal Window Popup Script

TinyBox is a lightweight and standalone modal window script. At only 3.4KB it doesn’t include any slideshow capabilities built-in but it can display any AJAX or HTML content (from text to videos). Future versions will include additional features. It can also be used for images and auto hiding alerts. The popups fade in/out and dynamically size based on the content if enabled. The styling is completely customizable through the simple CSS. TinyBox does not depend on any JavaScript frameworks.

JavaScript Modal Window

With the auto-hide support, the script can be used to show notifications. To display a popup box use the following code:’advanced.html’,1,300,150,1,3);

There is nothing to initialize, just start using the script. The function takes 6 parameters:
  1. The HTML content for the box or the relative path to the AJAX source
  2. A toggle (true/false or 1/0) if the content is via AJAX
  3. The width of the window (use 0 for auto)
  4. The height of the window (use 0 for auto)
  5. A toggle (true/false or 1/0) to animate the window
  6. The time in seconds to wait before auto hiding the popup (optional).
This JavaScript Modal Window Script has been tested in all major browsers and is available free of charge for both personal or commercial projects under the creative commons license.

For a demo of TinyBox, click here.

Requirements: No Requirements
Compatibility: All Major Browsers


Online Demo

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
13 Useful Javascript Syntax Highlighting Scripts
Viewed 1178 times since Mon, Jan 4, 2010
Meerkat - jQuery Plugin for Promotional Content
Viewed 841 times since Tue, Dec 29, 2009
How do I add and register extra domain names?
Viewed 3033 times since Fri, Oct 9, 2009
10 Tips for Writing Better CSS Code
Viewed 1002 times since Fri, Nov 27, 2009
Plupload - Multiple Files Upload Script
Viewed 1154 times since Tue, Feb 9, 2010
50 Free And Quality Web Icons
Viewed 1263 times since Tue, Jan 5, 2010
imgAreaSelect - jQuery Plugin To Select Areas On Images
Viewed 1223 times since Thu, Dec 31, 2009
Free JavaScript Charts Library - JS Charts
Viewed 893 times since Sun, Dec 13, 2009
Free Under Construction Coming Soon Template
Viewed 1669 times since Sat, Mar 12, 2011