Modal Box - An easy way to create popups and wizards

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images. :)

ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

Modal Box - An easy way to create popups and wizards

Features of Modal Box

  • Web 2.0-ready. ModalBox uses industry-standard libraries — prototype and script.aculo.us.
  • AJAX pages loading. ModalBox uses AJAX instead of deprecated iframe for content loading. It’s also more secure — you can’t access pages which are not on your host.
  • Callbacks support. You can attach your own JavaScript events after showing or hiding (and more) the ModalBox
  • Browser and platform independent. Since most of modern browsers use popup blockers, it’s hard to find another way to create 100% browser-compatible modal dialogs.
  • Multi-purpose. You can create complex wizards to guide users through the process. Image slideshows can be done too.
  • Keystrokes support. Use ESC key to close ModalBox.
  • Customizable Look & Feel. Use CSS to make ModalBox look like you want.
  • Supports transitional effects. Slide down appearing and on-the-fly resizing.
  • Lightweight. Just about 10 KB of code.
  • Works in most modern browsers. Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9.

You can find more information, download link and demo of Modal Box here.



No Comments

Leave a comment

Home | About Us | Advertise | Link to Us | Contact Us
Privacy Policy | Disclaimer | Terms of Uses
Copyright 2006-2007 Design Code Interactive. Please do not use website contents without our permissions.

Design Code Interactive
Validate XHTML Validate CSS