jQuery BlockUi Message after another

blockui, javascript, jquery, jquery-plugins

Solution

Just create a div in your page like this:

<div id="blockMessage"></div>

And for the script...

$.blockUI({ message: $('#blockMessage') });
$("#blockMessage").html('Hello World!');
$("#blockMessage").html('Hello Galaxy!');
$("#blockMessage").html('Hello Universe!);
$.unblockUI();

This goes by very fast, but you get the idea....bonus here is you can style it to look however you want as well, e.g.:

#blockMessage { font-weight: bold; }

Problem

I'm using jQuery BlockUI plugin, and i have been able to sucessfully show a single message in the page, however... let's say that I want to show 3 messages , one after another. Something like: - message: 'hello world!' - message: 'hello galaxy!' - message: 'hello universe!' how do I do this with jQuery BlockUI?

Original source