2

iFrame コードをクライアントに提供して、クライアントがサイトの動的コンテンツを表示できるようにします。ページにある iFrame のサイズを変更して、コンテンツに合わせたいと思います。easyXDM サイトの指示に従いましたが、何か不足している可能性があります。

エラーは発生しませんが、iFrame はデフォルトの高さ (150px) のままです。クライアントサイトに与えるコードは次のとおりです。

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var transport = new easyXDM.Socket({
    remote: "http://www.lipsum.com/",
    container: "container",
    onMessage: function (message, origin) {
      this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
  });
</script>
<div id="container"></div>

そして、これは私が埋め込みたいドキュメントに続くコードです:

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var socket = new easyXDM.Socket({
    onReady: function () { socket.postMessage(document.body.scrollHeight) }
  });
</script>

私が間違っている簡単なことがあることを願っています...

4

1 に答える 1

1

これは非常に遅いですが、バックアップ転送方法を追加していません。name.htmlファイルとeasyxdm.swfファイルを Web サイトのルートに置き、以下の修正されたコードを使用します。

お客様のウェブサイト

name.htmlを指すようにremoteHelperプロパティを追加し、 easyxdm.swfファイルを指すようにswfプロパティを追加します。

<div id="container"></div>
<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script>
<script type="text/javascript">
  var transport = new easyXDM.Socket({
    remote: "http://www.lipsum.com/",
    remoteHelper: "http://www.lipsum.com/name.html",
    swf: "http://www.lipsum.com/easyxdm.swf",
    container: "container",
    onMessage: function (message, origin) {
      this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
  });
</script>

あなたのウェブサイト

ルートの name.html を指すプロパティlocalを追加します。

<script type="text/javascript">
    var socket = new easyXDM.Socket({
        local: "name.html",
        onReady: function () {
            socket.postMessage(document.body.scrollHeight);
        }
    });
</script>

</body>また、ウェブサイトのスニペットがページのすべてのコンテンツの下にあることを確認する必要があるため、タグの直前に配置するのがおそらく最善です.

name.htmlとeasyxdm.swfを含む easyxdm の最新リリースは、こちらからダウンロードできます。

于 2013-11-08T03:58:21.953 に答える