Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Dialog event close - detect button</title>
<style type="text/css">body{font:62.5% Verdana,Arial,sans-serif}</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>
        Name:
    </td>
    <td>
        <input type="text" id="txtName" value="" />
    </td>
</tr>
<tr>
    <td>
        <input type="button" id="btnSubmit" value="Submit" />
    </td>
</tr>
</table>
<div id="dialog" style="display: none">
</div>
</body>
</html>
 
$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: 'auto',
        height: 'auto',
        closeOnEscape: true,
        //resizable: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 500
        },
        title: "Register new Employee",
        
        }
    });
    $("#btnSubmit").click(function () {
        $.ajax({
            type: "POST",
            url: "http://localhost:8080/r2hello-tutorial/employee/showRegister",
            success: function (result) {
                    $("#dialog").dialog("open");
                    $("#dialog").html(result);
                //  $("#sub").css("display","none");
                //  $("#link").css("display","none");
            }
        });
    });
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers