This blog has moved here: blog.Dreamcss.com

New JavaScript Popup Box -TinyBox

Posted by ravindra | on May 30, 2009 3:49 AM
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:

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 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 :
TinyBox-JavaScript-Popup-Sc
2. Image :
TinyBox
3. Auto-Hide :
TinyBox--Auto-Hide-pop-up

button-4109
3 comments
blog comments powered by Disqus

  1. Alex Weber May 30, 2009 7:56 AM  

    Very nice! I like how it's library-agnostic too...

  2. Connie May 30, 2009 3:42 PM  

    Where can I download the script? I find no URL for Download here..

  3. raj June 3, 2009 8:07 AM  

    @connie you can download this script from leigeber .com and @Alex Weber thanks for comments .