2 iframes with the same display even if the src are different

Question

Hi,

I am using this code:

<div class="infobox-pair">
<div class="ibp-left">
    <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_flight" id="ibp-left-iframe" src="http://mywebpage.com/paris"&gt;&lt;/iframe&gt;
</div>
<div class="ibp-right">
    <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_package" id="ibp-right-iframe" src="http://mywebpage.com/lisbonne"&gt;&lt;/iframe&gt;
</div>

That is displaying into the same div two different iframes. When I display the page whatever the browser it happens that I can get the same content for both the iframes even if looking at the source code the iframe are still different (based on their src and id).

It doesn't happen 100% of the time, I have to refresh sometimes several times to see it.

Do you have any clue ?

Thanks in advance

Answer 1

One thing to keep in mind, when you refresh in IE and some other browsers, the browser will retain the "current" src="" value for iframe, so if you navigated around a bit in the iframes, then hit F5, the current last navigated path for each iframe is still in the iframes. Is it possible you navigated to the same page somehow?

The only reliable way to get the iframes to "Reset" back to their initial src values on a refresh(f5) is to use javascript to set their src as a part of the page load event. I recommend setting the initial src in markup to just "about:blank" and alwyas programatically change it.

Answer 2

Not working, it display the same iframe src. check out first