Home asp.net html jquery model dialog asp.net

model dialog asp.net

, ,

Model Dialog Asp.Net With Jquery

asp.net dialog open with aspx page

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>load aspx page into modal dialog</title>
    <link href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#menuitem').click(function () {
                var mydiv = $('#dialog');
                mydiv.dialog({ autoOpen: false , height: 400, width:400 });
                // Load the content using AJAX
                mydiv.load('Default.aspx');
                // Open the dialog
             
                mydiv.dialog('open');
               
                return false;
            });
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="dialog">
        </div>
        <input id="menuitem" type="button" value="Click" />

    </div>
    </form>
</body>
</html>

Live Demo : Here
Download  : Here


Jquery Auto Close Dialog Box

model dialog asp.net model dialog asp.net Reviewed by Bhaumik Patel on 5:29 AM Rating: 5