ansaurus

Question

Can't write to dynamic iframe using jQuery

Answer 1

A:

false.html:

<html>
<head><title></title></head>
<body></body>
</html>

JS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

function iframe_html(html)
{
 var id = "myiframe_" + ((new Date()).getTime());

 $('<iframe src="false.html" name ="'+id+'" id="'+id+'" />').appendTo('#maindiv');

 var loadIFrame = function()
 {
      var elIF = window.document.frames[id];
      if (elIF.window.document.readyState!="complete") 
      {
        setTimeout(loadIFrame, 100);
        return false;
      }

      $(elIF.window.document).find("body").html(html);
 }

  loadIFrame();


};
$(function(){

    iframe_html("<div>hola</div>");

}); 
</script>
</head>
<body>
<div id="maindiv"></div>
</body>
</html>

then please see this link

andres descalzo 2009-11-02 23:54:43

That did not work. I have the same problem as before, which is that the ad script does not execute intermittently.

Fremont Troll 2009-11-03 18:59:00

I modify the example, look after the link to see the compatibility of window.document.frames[x].

andres descalzo 2009-11-04 11:24:08

Answer 2

A:

Honestly, the easiest and most reliable way I have found when dealing with the load events on iframes uses the "onload" attribute in the actual iframe tag. I have never had much of a problem with setting the content once the "onload" event fires. Here is an example:

<html>
    <head>
     <script type='text/javascript' src='jquery-1.3.2.js'></script>
     <script type='text/javascript'>
      $(function() {
       var $iframe = $("<iframe id='myiframe' name='myiframe' src='iframe.html' onload='iframe_load()'></iframe>");
       $("body").append($iframe);
      });
      function iframe_load() {
       var doc = $("#myiframe").contents()[0];
       $(doc.body).html("hi");
      }
     </script>
    </head>
    <body></body>
</html>

The problem with this is that you have to use attribute tags and global function declarations. If you absolutely CAN'T have one of these things, I haven't had problems with this (although it doesn't look much different than your attempts, so I'm not sure):

<html>
    <head>
     <script type='text/javascript' src='jquery-1.3.2.js'></script>
     <script type='text/javascript'>
      $(function() {
       var $iframe = $("<iframe id='myiframe' name='myiframe' src='iframe.html'></iframe>");
       $iframe.load(iframe_load);
       $("body").append($iframe);
      });
      function iframe_load() {
       var doc = $("#myiframe").contents()[0];
       $(doc.body).html("hi");
      }
     </script>
    </head>
    <body></body>
</html>

This is one of the most frustrating parts of the DOM and JavaScript - my condolences are with you. If neither of these work, then open up Firebug and tell me what the error message is.

Brian Grinstead 2009-11-05 22:24:42

ansaurus

tags:

views:

answers:

Can't write to dynamic iframe using jQuery

related questions