Submit a form in a popup, and then close the popup

Question

This seemed so trivial when I started off with it! My objective is this:

• When user clicks on a button, open up a form in a new window.
• Once the form is submitted, close the popup and return to the original page. The reverse order is fine too - i.e., I am okay if the popup is closed and then the form submits.

Here's how I'm doing this:

<form action="/system/wpacert" method="post" enctype="multipart/form-data" onsubmit="return closeSelf()" name="certform">                 <div>Certificate 1: <input type="file" name="cert1"/></div>                 <div>Certificate 2: <input type="file" name="cert2"/></div>                 <div>Certificate 3: <input type="file" name="cert3"/></div>                  <div><input type="submit" value="Upload"/></div>             </form> 

and the Javascript looks like this:

<script type="text/javascript"> function closeSelf(){     self.close();     return true; } </script> 

This seems to work fine on IE8 and Chrome; but Firefox refuses to submit the form; it just closes the popup. What might I be doing wrong?

EDIT:

Had forgotten to post the code the opens the popup. Here it is:

<div><input type="submit" value="Upload Certificates" onclick="popupUploadForm()"/> 

And the corresponding javascript:

function popupUploadForm(){         var newWindow = window.open('/cert.html', 'name', 'height=500,width=600');     } 

Answer 1

I have executed the code in my machine its working for IE and FF also.

function closeSelf(){     // do something      if(condition satisfied){        alert("conditions satisfied, submiting the form.");        document.forms['certform'].submit();        window.close();     }else{        alert("conditions not satisfied, returning to form");         } }   <form action="/system/wpacert" method="post" enctype="multipart/form-data" name="certform">        <div>Certificate 1: <input type="file" name="cert1"/></div>        <div>Certificate 2: <input type="file" name="cert2"/></div>        <div>Certificate 3: <input type="file" name="cert3"/></div>         // change the submit button to normal button        <div><input type="button" value="Upload"  onclick="closeSelf();"/></div> </form>