The following list is useful if you need to replace the classical JavaScript message boxes (alert, confirm, prompt) with new and CSS customizable ones. JQuery and MooTools are some of the libraries used to make these excellent dialog boxes.

jQuery Alert Dialogs Plugin is meant to replace the basic functionality provided by the standard JavaScript alert(), confirm() and prompt() functions. These custom methods are completely customizable via CSS, each dialog can have its own title, and also provide an advantage to the usage of prompt() in IE7, where users get an ugly warning and usually have to reload the page. This modal dialog box automatically positions itself if you resize the browser window. If the jQuery UI Draggable plugin is included, the box can be moved by dragging its title bar.

Sexy Alert Box is a “sexy” clone of the classic JavaScript alert. It is based on PBBAcpBox, a script that has been discontinued. However, it was released under a free license, and eventually adapted to version 1.2 of Mootools. This is an awesome script, because it shows the messages in a more beautiful design and works in modern browsers, such Internet Explorer.

Custom JavaScript Dialog Boxes is a lightweight JavaScript dialog box library that offers four dialog styles: alerts, warnings, prompts and success. The ‘look and feel’ can easily be changed through the CSS and additional styles can easily be added by adding 2 lines of CSS. It has an autohide feature which is used to fade out the dialog box after a specific number of seconds.

The JQuery UI Dialog Box is an awesome widget meant to work as an alternative for the classical JS dialog boxes. The design can be edited through CSS. Examples: modal dialog, message, confirmation, form. You can choose a design from 17 already created themes.

JQuery Impromptu is a quick tool to prompt user input in a fashionable way. More or less it is a great replacement for an alert, prompt and confirm. It does not only replaces these, but it also allows for creating forms within these controls. The plugin is minified using JS Minifier.

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!