Three jQuery modal plugins to repace alert and confirm

November 18, 2008 by admin · 3 Comments
Filed under: jQuery, Modal Windows 

alert() and confirm() are two javascript functions that you should not use in your web 2.0 sites :) . The main problem with these are the way those blocks the user from interacting with browser. They are modal in behaviour, that means the user should take an action before he can do anything with browser. He can’t even switch to another tab. Here, we suggest three jQuery plugins to ditch the notorious alert() function.

They are jQuery Modal Dialog, jqModal, jQuery SimpleModal

jQuery Modal Dialog


Unlike many modal scripts (which are coded to show any type of contents along with modal dialog support), this plugin is just made to show messages to the user and a complete replacement for javascript alert() and confirm.

By default it supports 4 types of messages – error, warning, success and prompt. The styles are highly customizable. One feature I liked in this is the built in support for auto close option. It is a very useful feature. For eg: To show a success message for 5 seconds and close the message automatically.

Advantages

  • Highly customizable
  • Supports error, warning, success and prompt messages
  • Auto Close option
Dependencies jQuery
Size 6KB
Restrictions None (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Support page

jqModal

jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework.

As the author claims, it is a good script to show messages to the user. It can be used to replace the alert() and confirm() javascript functions.

Advantages

  • Highly customizable
  • Can show Ajax/Iframe content
  • Can replace alert() and confirm()
Dependencies jQuery
Size Less than 4KB
Restrictions None (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Download

SimpleModal

SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.

The goal of SimpleModal is to provide developers with a cross-browser overlay and container that will be populated with data provided.

Dependencies jQuery
Size 6KB
Restrictions None (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download

Related posts:

  1. jQuery Impromptu – alert and confirm replacement with form support
  2. Sexy Alert Box for Mootools
  3. 3 jQuery plugins to show context menu
  4. 10 jQuery plugins for showing image gallery
  5. 10 jQuery plugins for manipulating images

If you like this post, please share it so that others can also find this

Comments

3 Responses to “Three jQuery modal plugins to repace alert and confirm”
  1. Vivek says:

    This works great in Firefox… however, the popup appears at the left bottom corner of the page in IE.. and extends the length of the page..
    In Firefox, it appears right in the middle of the screen, which works fine.

    A picture of IE’s issue is available at:-
    http://ngupta.net76.net//IE.JPG

    Please let me know if there is a resolution to this issue.
    my email address is viveknanda1984@yahoo.com

  2. Kamaraju says:

    Html rendereing is not properly working when i use in ie .
    In Firefox, which works fine.Any solution????

  3. Yosr says:

    This worked in FF, but in ie nothing appears.
    Has someone solved this problem??!!
    Thx

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!