[Solved] Show Value in pop up window

by


Get data using input id and set form delay for submit and read javascript and jquery basic concept on w3 school 

<html>
<head>
    <title>Demo</title>   

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"
        rel="stylesheet" type="text/css" />
</head>

<body>

<form name="example" action="" method="post" id="example">
<table width="257" border="1">
  <tr>
    <td>Name</td>
    <td><input type="text" name="name" id="name" /></td>
  </tr>
  <tr>
    <td>Father Name</td>
    <td><input type="text" value="" name="fname" id="fname" /></td>
  </tr>
  <tr>
    <td colspan="2"><center> <input type="button" id="btnShow" value="Submit" /></center></td>    
  </tr>

</table>
</form>

    <div id="dialog" style="display: none" align="center">
          <label>Name :</label><span id="show_name"></span>
          <br>
         <label>Father Name :</label><span id="show_fname"></span>

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

<script>


        $(function () {
           $("#dialog").dialog({
                modal: true,
                autoOpen: false,
                title: "User Details",
                width: 300,
                height: 150,
            });
            $("#btnShow").click(function (e) {

               e.preventDefault();
                var name=$("#name").val();
                var fname=$("#fname").val();

                $("#show_name").html(name);
                $("#show_fname").html(fname);

               $('#dialog').dialog('open');

             setTimeout(function() {
                 $("#example").submit();
              }, 3000);

           });


        });


</script>

2

solved Show Value in pop up window