Search code examples
javascriptjqueryjquery-pluginsblockui

jQuery BlockUi Message after another

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:

  1. message: 'hello world!'
  2. message: 'hello galaxy!'
  3. message: 'hello universe!'

how do I do this with jQuery BlockUI?

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; }