Jump to content

Refresh Iframe inside a report data page


Recommended Posts

So I have a iframe inside my report data page and on the same page I have an URL that opens a pop up window, this pop up window receives parameters from my report data page and once I fill out and close the pop up window I want my iframe to reload, because the pop up window is actually the submission form for the iframe. I just want to reload the iframe because if I reload the whole page, my changes on other fields will be lost. Can somebody guide me on how to do this?

Link to comment
Share on other sites

  • 11 months later...

 

I don't think you can communicate from a popup window to another browser tab/window, but you can refresh a specific iframe instead of the whole page.

 

<iframe id="my-iframe" src="my-page.html"></iframe>

<button onclick="refreshIframe();">Reload Iframe</button>

<script>
  function refreshIframe() {
    const ifrEle = document.querySelector('#my-iframe');
    ifrEle.src = ifrEle.src;
  }
</script>

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...