SimpleModal – A jQuery Modal Dialog Framework

jquery-modalSimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. It gives beautiful overlay box with dark shade. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

Styles can be applied through external CSS, the options object, or both. The CSS options for the modal overlay, container, and data elements are: overlayCss, containerCss and dataCss, all which take a key/value object of properties.

There are different kind of modals for different purposes.

Demos

Basic Modal Dialog

A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel.

Demo Download

Contact Form

A contact form built on SimpleModal. Demonstrates the use of the onOpen, onShow and onClose callbacks, as well as the use of Ajax with SimpleModal.

Demo Download

OSX Style Dialog

A modal dialog configured to behave like an OSX dialog. Demonstrates the use of the onOpen and onClose callbacks as well as a handful of options, and custom styling.

Inspired by ModalBox, an OSX style dialog build with prototype.

Demo Download

Confirm Override

A modal dialog override of the JavaScript confirm function. Demonstrates the use of onShow as well as how to display a modal dialog confirmation instead of the default JavaScript confirm dialog.

Demo Download

2 comments

  1. I was just looking at your SimpleModal – A jQuery Modal Dialog Framework – Smashing Web site and see that your website has the potential to get a lot of visitors. I just want to tell you, In case you don’t already know… There is a website network which already has more than 16 million users, and the majority of the users are looking for websites like yours. By getting your site on this service you have a chance to get your site more visitors than you can imagine. It is free to sign up and you can read more about it – Now, let me ask you… Do you need your website to be successful to maintain your business? Do you need targeted visitors who are interested in the services and products you offer? Are looking for exposure, to increase sales, and to quickly develop awareness for your site? If your answer is YES, you can achieve these things only if you get your website on the network I am talking about. This traffic service advertises you to thousands, while also giving you a chance to test the network before paying anything at all. All the popular sites are using this network to boost their traffic and ad revenue! Why aren’t you? And what is better than traffic? It’s recurring traffic! That’s how running a successful website works…

  2. Hi my name is Alisa and I just wanted to drop you a quick message here instead of calling you. I came to your SimpleModal – A jQuery Modal Dialog Framework website and noticed you could have a lot more visitors.

Leave a Reply