Question

With jQuery, how can I display a flash message at the top of the page in an easy way? Is there something built-in, or a plugin, or is it easy enough to do it yourself?

What I mean is like after a successful ajax post I would like to just say “hey, it went good” in a non-obtrusive way.

Answer 1

I would check out the jQuery growl style plugins available if you’re looking for something quick to implement 🙂

The .ajaxSuccess() would be a good place to run your code, or for errors .ajaxError(), these are some of the global ajax event handlers available, for example:

$(document).ajaxSuccess(function() {
  //fire success message using the plugin of choice, for example using gritter:
  $.gritter.add({ 
    title: 'Save Complete!',
    text: 'Your request completed successfully.'
  });
});