Content do not appear in iframe until i use the edit button in firebug

Question

Its getting me crazy in FF. I tried the same page in Chrome and content appears instantly.

I have an iframe that is loading a chart from another page.

The problem is that the chart do not appears until I inspect the element and click on the edit element button. Once I add space after the src property in the html code (see below for better understanding) the graph will be displayed instantly.

Graph using is of jqPlot

Before

<iframe src="http://localhost:4501/mainpage/graph.aspx"&gt;&lt;/iframe&gt;

After

<iframe src="http://localhost:4501/mainpage/graph.aspx" ></iframe>

Image here.

Answer 1

<iframe src="#" onload="this.src='http://localhost:4501/mainpage/graph.aspx'"&gt;No Ifrmae allowed</iframe>

i am not sure why it does that could be a something from your computer ... but give this a go. btw if you get the "no iframe allowed" could be that your ff has disabled iframe. sience you have mentioned that it shows the frame but there is a loading problem... then do check on your firebug... on the NET tab "http://localhost:4501/mainpage/graph.aspx" has been loaded successfully.

Answer 2

Since you're loading them from the same domain, you can access that iframe's js and DOM.

Add some space or and empty <span> to the dom in the iframe window via javascript to force a redraw.

Answer 3

Have you tried to reload the frame manually (I mean, to see what happens)? (Right click it → This Frame → Reload Frame)

Answer 4

Wow... adding a space after the src="..." before the closing ">" tag worked for me too. For some reason all the content in my page after the iframe gets cut off unless I do this. Thanks for the quick fix!!