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.

With the auto-hide support, the script can be used to show notifications. To display a popup box use the following code:

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

AJAX
Ajax is an acronym for Asynchronous Javascript and XML. It labels a data transfer method between server and browser, that makes it possible that the HTML page doesn´t have to be reloaded completely with each HTTP-protocol request. The novelty is, that only certain parts of the HTML page are reloaded if required (Wikipedia).