2012年12月19日 星期三

{JQuery} dialog 顯示「正在....」畫面


$(document).ready(function () {
            $("#dialog:ui-dialog").dialog("destroy");
    $('#Button1').click(function () {

        var dlg = $("#<%=DivPage.ClientID%>").dialog({
                            modal: true,
                            height: 200,
                            width: 400
                       });
                        $('a.ui-dialog-titlebar-close').hide();
                        $("#<%=DivPage.ClientID%>").dialog("open");
                       dlg.parent().appendTo(jQuery("form:first"));
                       $("#dialog:ui-dialog").dialog("destroy");
    });
    //當程序運作完成時,關閉
    $('#Button2').click(function () {
        $("#<%=DivUploadIframePage.ClientID%>").dialog("close");
    });
});


<form>
<body>

 <div runat="server" id="DivPage" title="Please Wait..." style="width: 260px;
        height: 400px; display: none">
        <table width="100%" class="f12black">
            <tr>
                <td align="center">
                    正在加載中,請稍後...<br />
                </td>
            </tr>
        </table>
    </div>
</body>
</form>


API:
http://api.jqueryui.com/dialog/#option-buttons