New JavaScript Popup Box -TinyBox

TinyBox is a lightweight {Almost 3.5KB} modal window script.  it allows you to add any AJAX or HTML content and can also be used for images and auto-hiding alerts.

The popups fade in/out and dynamically size based on the loaded content if enabled.

you can easily customize the style of pop-ups fade in /out through the simple CSS. if you want to use Tiny Box JavaScript Popup Box in your project  use the following code:

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

It is very easy to use Tiny box, There is nothing to initialize, just start using the script by using there 6 parameters of Tiny box ;

  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 loaded 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.

Tiny Box has been tested on Firefox 2/3, IE 6/7/8, Opera, Safari, and Chrome. This script is available free of charge for any project, personal or commercial, under the creative commons license.

Screenshot of Tiny Box JavaScript Popup Script :
1. Advanced content came from an AJAX request :

TinyBox-JavaScript-Popup-Sc

2. Image :

TinyBox

3. Auto-Hide :

TinyBox--Auto-Hide-pop-up

button-4109

You might also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More