Question

I have an iframe called “mainframe” you click a link inside the iframe, and it uses javascript to open a small popup window. I have a form inside this popup-window that submits data to be displayed in the iframe. (its a comment feature) I want there to be a way that when the user clicks “submit” the popup window closes, and the iframe refreshes. How to do this?

Answer 1

From within the popup window, you can use the opener property to get to the parent window. From there, you can use the frames collection to get to your iframe…

window.onload = function() {
  document.getElementById('btnSubmit').onclick = function() {
    opener.frames[0].location.reload(true);
    self.close();
  }
}

Alternatively, if you need some kind of delay, you can setup a function in the parent window…

function refreshIframe() {
  setTimeout(function() {
    frames[0].location.reload(true);
  }, 1000);
}

And invoke it from the popup…

opener.refreshIframe();
self.close();