user2129585
user2129585

Reputation: 259

multiple iframes not loading in DOM

Hi there I have the following iframes:

<div id="dialog" title="Audit Log" style="display: none; " >
    <p>
        <iframe src="" id="IframeAuditLog" width="1000" height="250" />
    </p>
</div>
<div>
    <p> 
        <iframe src="DocumentManagerForm.htm" id="DocumentManagerFrame" width="0" height="0" />
    </p>
</div>

I have tried both ...

$(window).load(function (eventObject) {

});

and

$(document).ready(function (eventObject) {

});

but inside either one of these functions I can only access the first Iframe in this case IframeAuditLog in the DOM. If I change the HTML to be the following:

<div>
<p> 
    <iframe src="DocumentManagerForm.htm" id="DocumentManagerFrame" width="0" height="0" />
</p>
</div>
<div id="dialog" title="Audit Log" style="display: none; " >
<p>
    <iframe src="" id="IframeAuditLog" width="1000" height="250" />
</p>

... Only DocumentManagerFrame is loaded in the DOM ... Any one have any idea whats going on?

Upvotes: 0

Views: 436

Answers (1)

adeneo
adeneo

Reputation: 318182

You have to actually close the iframe, otherwise it stays open until the browser decides to fix it and add the closing tag, and when that is, is anyones guess ?

<iframe src="" id="IframeAuditLog" width="1000" height="250"></iframe>

Upvotes: 1

Related Questions