JSFiddle - React, Tailwind, and code Playground

by joaoManolo

HTML

<script src="http://malsup.github.io/jquery.blockUI.js"></script>
<input id="pageDemo2" class="demo" type="submit" value="Custom Message">

JavaScript

$(document).ajaxStop($.unblockUI);

function test() {
    $.ajax({
        url: 'wait.php',
        cache: false
    });
}

$('#pageDemo2').click(function () {
    $.blockUI({
        message: '<img src="https://s3-sa-east-1.amazonaws.com/joocebox-media/static-images/pre_loader_02.GIF" /> <h1>Estamos criando a sua agĂŞncia! Aguarde alguns minutos....</h1>',

        css: {
            border: 'none',
            padding: '15px',
            backgroundColor: '#2692FE',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
            opacity: .9,
            color: '#fff'
        }
    });

});