JSFiddle - React, Tailwind, and code Playground

by edaloicaro18

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/1.8.7/themes/south-street/jquery.ui.all.css">
<form id="form1" name="form1" method="post" action ="#">
    <input  type="submit"  name="accion" value="Exportar" style="float: right"/>
    <br/>
    <div id="wait">
                <center>
                   Loading...<br/>
                    <img src="http://s3.subirimagenes.com:81/imagen/previo/thump_5832128ajaxloader.gif" alt="ajax-loader"/>
        </center>
    </div>
</form>

CSS

.ui-dialog-titlebar { display:none; }
.ui-dialog{border: none;}

JavaScript

$(document).ready(function() {
    $("button, input:submit, input:button").button();
    $("#wait").dialog({
        autoOpen: false,
        height: 75,      
        modal: true,
        draggable: false,
        resizable: false

    });
    $('#form1').submit(function() {
        $("#wait").dialog("open");
        $.post('#', function() {
            $('#wait').hide();
        });
        return true;
    });
});