Cannot close dialog from link inside same dialog - returns error

Cannot close dialog from link inside same dialog - returns error

Hi I have a issue which is  very common but I searched it and tried every possible solution but nothing worked.

My problem is I have a classic asp page default.asp, I defined a dialog in it + a div "mydiv" and a button which  opens the defined dialog in "mydiv" and loads default2.asp in this dialog.

Default2.asp is also a form to submit and has many links to products, when user clicks on one of those links it updates info to its parent page "Default.asp" and tries to close Default2.asp (the dialog)

It fails to close the dialog giving error
[   cannot  call methods on dialog prior to initialization; attempted to call method ' close ']

Please let me know what is wrong here. I asked this to various forums but no success yet.

The code is here
------------------------------------------------  Default.asp code starts from here --------------------------------------------------
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <title></title>
  6. <script src="/JQuery/jquery-1.9.1.js"></script>
  7. <script src="/JQuery/jquery-ui.js"></script>
  8. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

  10. <script>
  11. $(document).ready(function(){
  12. var MyDlg = $( "#mydiv" );
  13.     MyDlg.dialog({
  14.                 autoOpen: false,
  15.                  closeOnEscape: true,
  16.                  resizable: true,
  17.                  draggable: true,
  18.                  modal: true,
  19.                  width: 300,
  20.                  height: 400,
  21.  buttons: {
  22.         Cancel: function() {
  23.           MyDlg.dialog( "close" );
  24.  }
  25.       }
  26.     });

  28. $("#Opendlg").click(function() {
  29.   MyDlg.load("Default2.asp").dialog("open");
  30. });

  32. });
  33. </script>

  35. </head>
  36. <body>
  37. This is a test form-1
  38. <br><br>

  40. <% 
  41. Dim FName, LName
  42. FName = Request.form("fname")
  43. LName = Request.form("lname")

  45. Response.write("The First name was := " & FName & " and Last name was:=" & LName )
  46. %>

  48. <br><br>
  49. <form ID=Form1 method="post" action="Default.asp">
  50. First Name: <input type="text" name="fname"><br>
  51. Last Name: <input type="text" name="lname"><br><br>
  52. <input type="submit" value="Submit">
  53. </form>
  54. <br><br>

  56. <input type="button" ID="Opendlg" value="Open Dialog"/>

  58. <div id="mydiv" title="Product Wizard" >
  59. </div>

  61. </body>
  62. </html>
-----------------------------------------------------  Default2.asp Starts from here -----------------------------------------------------
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <title>Default2.asp</title>
  6. <script src="/JQuery/jquery-1.9.1.js"></script>
  7. <script src="/JQuery/jquery-ui.js"></script>
  8. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />


  11. <script type="text/javascript">
  12. $(function() {
  13.     $('#Form2').submit(function(evt) {
  14.         evt.preventDefault();
  15.         $.ajax({
  16.             url: "Default2.asp", 
  17.             type: 'POST',
  18.             data: $(this).serialize(),
  19.             success: function(result) {
  20. $('#mydiv').html(result);
  21.             }
  22.         });
  23.     });
  24. });

  26. function closeThis()
  27. {
  28.  // $("#mydiv").hide();
  29.   $("#mydiv").dialog("close");
  30. }
  31. </script>

  33. </head>
  34. <body>
  35. This is Default2.asp file
  36. <a href="JavaScript:closeThis();">Close This Dialog</a>
  37. <br><br>

  39. <% 
  40. Dim Name, Address
  41. Name = Request.form("Name")
  42. Address = Request.form("address")

  44. Response.write("The Name was " & Name & " and Address was " & Address )
  45. %>

  47. <br><br>
  48. <form ID=Form2 >
  49. Name: <input type="text" name="Name"><br>
  50. Address: <input type="text" name="address"><br><br>
  51. <input type="submit" value="Submit">
  52. This is just a test
  53. </form>

  55. </body>
  56. </html>