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:

TINY.box.show(’advanced.html’,1,300,150,1,3);

There is nothing to initialize, just start using the script. The TINY.box.show 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

Website

Online Demo

5 (2)
Article Rating (2 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Search Engine Optimization: Tags of Importance for SEO
Viewed 1049 times since Tue, Oct 12, 2010
Meerkat - jQuery Plugin for Promotional Content
Viewed 1143 times since Tue, Dec 29, 2009
Open Source WYSIWYG Editor
Viewed 1376 times since Thu, Jan 7, 2010
PHP Script For PDF to HTML Conversion
Viewed 5526 times since Tue, Dec 15, 2009
How to redirect an old domain to a new domain using htaccess?
Viewed 870 times since Sun, Mar 14, 2010
Web Form Elements in PSD Format
Viewed 1122 times since Sun, Dec 27, 2009
Open Source Online Invoice System - siwapp
Viewed 1425 times since Thu, Jan 7, 2010
PHP For Android Project - Interview with Lead Developer
Viewed 1095 times since Mon, Jul 26, 2010
Review of Mobile Web Application Frameworks
Viewed 1431 times since Mon, May 9, 2011
Modify HTTP Headers in PHP with Examples
Viewed 1152 times since Wed, Mar 10, 2010