jQuery notifications using jGrowl
When creating rich internet applications (RIA), having good communication back to the end user is critical. jGrowl is an excellent tool to provide instant notifications messages to the client using the jQuery framework. jGrowl is simple to use and easy to configure. Here is a quick introduction on how to get started with it. This article assumes you are already using the jQuery framework in your existing site.
First, you need to download the jGrowl extension from here. After including the JavaScript reference to your source, you can begin creating messages by adding the following JavaScript to your page.
$.jGrowl("Customer order successfully submitted!");
jGrowl notifications can be sticky (i.e. you must close them) and they can also accumulate if you want to post several notifications at once. Here’s a quick glimpse of how these notifications can appear with some enhanced styling applied.
jGrowl Sample Notification
The first notice above is using HTML to render the message, while the second notice is using purely text to notify the user of an action or interaction with the page. Happy growling!
September 4th, 2009 at 1:22 pm
It’s so much nicer than the regular alert dialog box. I guess I have to use jQuery and its extensions sometime. It’s so cool!