model dialog

Model Dialog Asp.Net With Jquery dialog open with aspx page

<html xmlns="">
<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
                // Open the dialog
                return false;

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


Live Demo : Here
Download  : Here

Jquery Auto Close Dialog Box

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