May 30, 2009

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 use Tiny Box JavaScript Popup Box in your project  use the following code:'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 with using there 6 parameter 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 :
2. Image :
3. Auto-Hide :


No comments:

Post a Comment