2

iframe のコンテンツが読み込まれている間に、読み込み中のテキストを表示するスクリプトがあります。初めてページを開くと、完全に機能します。しかし、このページにはiframe内で起動されるリンクがあり、それらのリンクの読み込みテキストは表示されません:(

ここで例を参照してください: http://www.ndnm.co.cc/test.php

ページを最初にロードしたときは機能しますが、「リンクのテスト」をクリックすると、ロードテキストは表示されません:(

注: iframe は EXTERNAL ドメインをロードしています

どうすれば修正できますか？

どうもありがとう

4

2 に答える 2

5

リンクにオンクリック イベントを配置してみることもできます。これにより、誰かがそれをクリックすると、「Page is loading..」という画像が表示され、既に存在する「hideProgress()」関数によって非表示になります。

何かのようなもの：

<a href="http://www.perdu.com" target="iframe" onClick="document.getElementById('loader').style.display = 'block';">TEST LINK</a><br>

このようなもの: http://jsfiddle.net/SFjS2/ (2 番目のページは非常に高速に読み込まれるため、「ページの読み込み」イメージが簡単に表示されないことに注意してください。そこにいくつかのものを入れてみてください:P)

于 2012-10-14T10:28:12.633 に答える
1

あなたがそのようにタグ付けしたので、jqueryソリューションを提供します。

ソリューション コードはhttp://jsfiddle.net/nPWAp/1/にありますが、HTML は

<body>
<div>
   <a href="#" id="testlink">TEST LINK</a>
</div>
<iframe id="frame"></iframe>
<div id="statement"></div>
</body>

そしてjQueryは

$(document).ready(function() {
    $("#testlink").click(function() {
      // --- set statement -- 
      $("#statement").show();  // show the div in case it was hidden.     
      $("#statement").text("Loading content..."); // replace the text
      $("#statement").hide(5000); // hide after 5 seconds

      // --- Scrape content --- //        
      $("#frame").attr('src', "http://www.test.com");
    });
});

CSS のダッシュを追加する

#frame{
wdith: 100%
height: 50em;
border: 1px solid #ccc;
}

そして、それはすべてゴロゴロするはずです。明らかに、いくつかのファンキーなオプションについて jquery をチェックしたくなるでしょう。

HTH

于 2012-10-14T12:55:07.063 に答える