jquery created iframes in IE7
Hi,
The following is using jquery version 1.3.2.
I am dynamically creating iframes using the $("<iframe/>") syntax.
When I load the parent page in Firefox, the contained iframes appear
correctly. But when I load the parent page in IE7, the content of
each iframe is not rendered. Yet, if I create the iframe using the
document object and append using jquery, IE displays the iframe
content correctly. I have been unable to find any bug reports with
respect to this issue. Is this a known bug or should I submit one?
Below is some sample code:
Thanks in advance.
<html>
<head>
<script type='text/javascript' src='js/jquery.1.3.2.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
// Create iframe using jquery with source
var iframe = $("<iframe style='border: solid thin black; overflow:
auto' src='iframe.html'/>");
$("body").append("JQuery defined iframe - with source<br/>")
$("body").append(iframe).append("<br/>");
// Create iframe using jquery - no source
iframe = $("<iframe style='border: solid thin black; overflow:
auto'/>");
$("body").append("JQuery defined iframe - no source<br/>")
iframe.attr("src", "iframe.html");
$("body").append(iframe).append("<br/>");
// Create iframe using document
iframe = document.createElement("<iframe>");
iframe.style.border = "solid thin black";
iframe.src = "iframe.html";
$("body").append("DOM defined iframe<br/>").append(iframe);
});
</script>
</head>
<body>
</body>
</html>