• Buffer

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:


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 :


    Search This Blog



    The content is copyrighted to Dreamcss.com and may not be reproduced on other websites without permission.


    Write to us at admin@dreamcss.com if you have any comments, questions, suggestions about this site or would like to send us a tip.


    If you enjoyed this blog, subscribe to receive more just like it.

| | privacy policy