jquery fade popupwindow

Question

Hello,

I am using the popupwindow plugin for jquery to show a form in a popupwindow. How can I close this window after submitting? This is the link I am talking about. I can open a link in a pupup window. But after submitting I want it to open in its parent window.

Answer 1

Use Ibox or DHTML Window

Answer 2

Perhaps you should use this property:

window.opener

The opener property corresponds to the window that opens the window. When accessed by a child window, it returns the parent window.

Answer 3

In your popup-ed page, you can re-format the said link to match the following code:

<a href="javascript: self.opener.location = 'http://somewhere.ltd/path/to/dir'; self.close();">
     Let's go Somewhere
</a>

Additionally I recommend you to use Javascript in an unobtrusive way instead of using the simple line above.
Ok, and about that "Fade" operation! you can't do such a thing to operating system (no matter what) window using Javascript.

update: Assuming the form with id property "theChildForm" & using jQuery:

$("#theChildForm").submit(function(){
     //TODO: some data keeping jobs to be done
     self.opener.location = 'http://somewhere.ltd/path/to/dir'; //pass the url if needed
     self.close();
     ...
    });