ClassyPopup

ClassyPopup can work as a separate notifications system, or it can override the default alert() JS function.

The ClassyPopup plugin produces more stylized and user-friendly alert messages, easy to skin via CSS, and easy to deploy from anywhere in your app.

These enhanced popups have support for title bar, which when coupled with jQuery UI can be used as a drag handle for moving the popup around the page.

Once a popup triggered, the plugin can additionally bring more focus to the notification by optionally showing a background dim & overlay effect as well.

Inside the popup box, the developer can edit and customize everything, from the alert's body text, to the buttons shown in its footer.

All in all a pretty user and developer friendly tool to have around, especially since it's pretty versatile, comes with lots of demos, and documentation as well.

Features:

• Set popup title
• Control popup size
• Add extra buttons
• Show background overlay
• Control background overlay color
• Show the popup in the window's center
• Draggable window via jQuery UI

Requirements:

• JavaScript enabled on client side
• jQuery