モバイルSafariとiFrameのsrc属性

Question

iFrameの 'src'属性を設定しようとしています。 FireFoxとInternet Explorerでうまく動作します。しかし、 'src'属性を変更するiPadモバイルサファリのテストでは何もしません。

iFrameのHTMLに「src」属性が設定されています。

<iframe id="iFrame0" style="margin: 0px; overflow: hidden; padding: 0px; height:80px; width:500px" src='.../loading.gif' frameborder="0"></iframe> 

は後で私が

var iFrame0 = YAHOO.util.Dom.get('iFrame0'); 
YAHOO.util.Event.addListener(iFrame0, 'load', function() { alert('test'); }); 
MyWebService.GetDynamicUrl('someparam', function(url) { 
    iFrame0.src = url; 
}); 

は、イベントが発生しませんだけでなく、SRCに変更しようとするいくつかのコードを持っていますが、URLの内容は変更されません。私のテストでは、値iFrame0.srcは新しく渡されたURLに変更されますが、ページの内容は変更されません。

document.getElementById('iFrame0').attribute("src") = '..../newurl.gif'; 

はまだ動作しません：私はYUI、しかし、私のテストでは、潜在的な問題として、私はまた、直接経由のiFrameにアクセスしようとしたことを排除するために使用しています

。

Answer 1

最後に、私は、動的にIFRAMEを作成し、それを添付して、これを解決しましたDOM。また、id属性とsrc属性にタイムスタンプを追加して、キャッシュが行われていないことを確認しました（本当に必要かどうかはわかりませんが）。

var elIFrame = document.createElement("iframe"); 
var dt = new Date(); 
elIFrame.src = APP_IMAGEPATH + "/loading.gif?dt=" + dt.getTime(); 
elIFrame.id = 'newCard2' + dt.getTime(); 
elIFrame.frameBorder = 0; 
elIFrame.scrolling = "no"; 
elIFrame.style.width = "500px"; 
elIFrame.style.height = "1.8em"; 
YAHOO.util.Dom.insertAfter(elIFrame, this.pre + "cardMask"); 

Answer 2

実際に変数iFrame0がiFrame DOMオブジェクトを指していて、同じID（例：DIV）を使用して空のオブジェクトや他の要素を指していないことを確認してください。たぶんあなたは最初のsrcをチェックして期待通りのものかどうかを調べることができます（つまり、 '.../loading.gif'）。

すると、次のとフレームにアクセスしてください。その後、

var frameObj = document.frames ? document.frames['iFrame0'] : document.getElementById('iFrame0'), 
    frameWin = frameObj.contentWindow || frameObj; 

とそのSRCを変更しよう：

frameWin.src = '..../newurl.gif';