2016-08-31 8 views
-2

オブジェクトタグを使用してホストページ内にHTMLコンテンツが読み込まれるようなボタンがあるページがあります。ページ内のオブジェクトのロードが完了したときを知る方法

コンテンツの読み込みが完了したことをホストページが知る方法はありますか?

  • ボタンが
  • HTMLが対象
  • にロードされたホスト・ページ全体に表示ローディングGIFをクリックする

ロードGIFを隠す:ときはそのような理由がある

ホストページが読み込まれます。オブジェクトにロードされると、コンテンツへのホストリード上のボタン:

<script> 
    .... check which button is pressed and assign path to target 
    var objectContent = "<object type=\"text/html\" data=\"" + target + "\" height=\"500px\" width=\"100%\" style=\"overflow:auto; min-height:400px;\"></object>"; 
    document.getElementById('content').innerHTML = objectContent; 
</script> 

私は何を把握しようとすると、コンテンツがオブジェクトにロード完了したときに知っておく方法です。

window.onload = function() { alert("It's loaded!") } 

・ホープ、このことができます:)

+2

'DOMContentLoaded'、'のwindow.onload' – Tushar

+1

可能性のある重複した[どのように私は、ページの読み込みにJavaScript関数を呼び出すのですか?](http://stackoverflow.com/questions/3842614/how-do-i -call-a-javascript-function-on-page-load) –

+0

@GeoffJamesこれは重複しているかどうかわかりません。これは、オブジェクトの最初の読み込みではなく、ホストページが既に読み込まれた後にHTMLコンテンツをオブジェクトに読み込んでいます。 uodateを参照してください。 – RGriffiths

答えて

0

あなたはDOMが完全に次のようにロードされたときにチェックするためにはJavaScriptを使用してみましたが。 objectタグにonloadをインクルードします。そして、ローダーを隠す関数を追加します。

var out = "<object ... onload=\"contentLoaded(this)\"></object>"; 

<script> 
    function contentLoaded() { 
     $(".loader").hide(); 
    }; 
</script> 
+0

これはホストページの最初の読み込みには問題ありませんが、ボタンを押したときに追加のコンテンツの読み込みが完了したときを知る方法を試しています。 – RGriffiths

関連する問題