• 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:

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

    Search This Blog

    Loading...

    COPYRIGHT

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

    CONTACT/ TIP US

    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.

    SUBCRIBE

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

| | privacy policy