iframe内のsrcのサイズ変更onload src

Question

次のコードが機能し、本文のクリック時にアラートを発生させることができます。私がしたいのは、iframeが読み込まれ、iframe内のテーブルの幅を自動的に100％に変更することです。クリックの代わりに、どのように幅の読み込みを変更できますか？

$("iframe[name=myheader]").load(function() { 
      var iframe_body = window.myheader.document.getElementsByTagName("body")[0]; 
      $(iframe_body).click(function() { 
       alert("hello, you touched me~"); 
       $(this).find("table").css("width","100%"); 
      }); 

     }); 

Answer 1

新

あなたのiframeのドキュメントにこのコードを入れて:)

$(document).ready(function(){ 
$("table").css("width","100%"); 
}); 

をOLD ------------------

iframeのload（）関数はiframeのロードが完了したときにのみ起動されるので、click（）イベントを削除してサイズを変更できます。

$("iframe[name=myheader]").load(function() { 
      var iframe_body = window.myheader.document.getElementsByTagName("body")[0]; 
      //$(iframe_body).click(function() { 
       alert("hello, you touched me~"); 
       $(this).find("table").css("width","100%"); 
      //}); 

     }); 

Answer 2

iframeのonloadイベントを試すことができます。あなたのiframeのJavaScriptコードでは今、この

<iframe id="frameElem" width="100%" height="100%" onload="frameLoaded(); return false" /> 

のようなものであれば、例えば、

function frameLoaded(){ 
    $('#frameElem').contents().find('table').css("width","100%"); 
    }