Pearl Tech » RIA http://blog.pearltechnology.com Thu, 05 Jan 2012 14:47:55 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 jQuery notifications using jGrowl http://blog.pearltechnology.com/jquery-notifications-using-jgrowl/#utm_source=feed&utm_medium=feed&utm_campaign=feed http://blog.pearltechnology.com/jquery-notifications-using-jgrowl/#comments Tue, 01 Sep 2009 14:23:45 +0000 AaronH http://blog.pearltechnology.com/?p=40 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

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!

]]> http://blog.pearltechnology.com/jquery-notifications-using-jgrowl/feed/ 1