5

I have two frames of which I copy the content of the first (myframe) to the second (myframe2) using JavaScript and set myframe2's src:

<iframe id="myframe" src="../Page1.aspx" width="100%" height="100px"></iframe> <iframe id="myframe2" width="100%" height="100px"></iframe> <button onclick="myFunction();return false;">Try it</button> <script> function myFunction() { var iframe1 = document.getElementById("myframe"); var iframe2 = document.getElementById("myframe2"); iframe2.contentWindow.document.body.parentElement.innerHTML = iframe1.contentWindow.document.body.parentElement.innerHTML; iframe2.setAttribute("src", iframe1.src); } </script>

FrameSecond reloads after "src" attribute is set, but I don't need it to do so. Can anyone help me with this?

Improve this question
7
  • Don't you want to get updated iframe content ? Commented Jul 16, 2016 at 7:21
  • yes i copy content from another frame Commented Jul 16, 2016 at 7:22
  • If yes, then it will have to get reloaded to get new src content... Commented Jul 16, 2016 at 7:23
  • 1
    What's the point of changing the src if not to cause a reload? An iframe's URL isn't displayed in the browser's address bar or anything, so how does changing the src help you? Commented Jul 16, 2016 at 8:46
  • 1
    @nnnnnn You might have an iframe that dynamically loads content from someplace else, but not every part of the iframe is loaded from that source. For example the iframe might contain a form which is loaded from a different url, then it would make sense to ensure that the url for the iframe is the same as the post url for the form so that when the form is submitted, it goes to the right place. Also, if you want to create some animations when the frame is loading, this allows you to do that with ajax. If the form is refreshed however, you loose that effect. Commented Aug 22, 2017 at 19:18

3 Answers 3

Reset to default
5

Use replaceState(state, title, URL):

iframe2.contentWindow.history.replaceState('WhatEverNameYouWant', "", iframe1.src);
Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

What if the iframe has a URL of about:blank? This solution doesn't work in that case.
This doesn't work in cross-origin situations.
2

I had much the same problem. I needed to "know" what the location of the document loaded into my Iframe was, so I could show its location somewhere else. I had inputs which changed the location of the iframe by setting

myIFrame.src = ...

This worked fine except then I realized when I clicked back- or forward -button the content of the IFrame changed, yet that did not (seem to) change the value of the src-attribute of the referring IFrame element. Same problem when I added links into the iframe documents to navigate between them.

My solutions was to in the onload-handler of the document loaded into the IFrame record the loaded URL into a field of the parent window. When the containing document needs to know what is loaded in the IFrame it consults that variable rather than rely on the .src -attribute of its IFrame -element, which seems to not be up-to-date with the actual contents of the iframe automatically.

BTW. I also tried explicitly setting the value of the .src -attribute of the iframe elemen from the onload -handler of the iframed document. That worked yes but caused a visible second load of the iframe contents. By using a separate explicit location to store the url of the document loaded into the iframe it does not get loaded twice, and everything works smoothly.

Improve this answer

Comments

0

Not really an answer to this question specifically, but maybe it's useful for someone.

I needed to pass the language to the Iframe, what worked for me was adding the parameter to the hash instead of the query string. because a hash change doesn't trigger a page reload in the Iframe:

e.g 'http://...?uiCulture=en' --> 'http://...#uiCulture=en'

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.