Question

I have a link on my ShowData.aspx page that I’m calling fancybox on.

<a href="EditData.aspx" id="editLink">Edit Data</a>

My JQuery code is:

$("#editLink").fancybox({
                        'opacity': true,
                        'overlayShow': true,
                        'transitionIn': 'elastic',
                        'transitionOut': 'none'                                                        
                    });

The form EditData.aspx contains a save button. My problem is that after I click the save button the dialog does not close. Furthermore, after the save is performed on the server the client page redirects to EditData.aspx.

The expected outcome is that the dialog closes and I am returned to the parent page (ShowData.aspx).

Thanks!

Answer 1

I ended up using an iFrame. This seems to do the job.

MainPage.aspx

<div id="divClick"><iframe src="Postback.aspx"></iframe></div>

JQuery:

 $(function () {
       $("#divClick").dialog({
          modal: true,                
          title: 'iFrame Page',
          width: 500,
          height: 500
       });
   }); 

JQuery plugins in Postback.aspx work well and posting back doesn’t close the dialog and redirect the main page.