0

ブラウザのクロスドメインのサイズを変更するときに「name.html」easyxdmファイルが必要かどうかを知っている人はいますか?必要な場合、easyxdmにどこを探すように指示しますか?

現在、iFrame で別の Web サイトから予約フォームをプルしていますが、name.html が参照されている例が見られず、正しく設定されていないのではないかと心配しています。

ページは機能しているように見えますが、すべてが網羅されていることを確認したいだけです。

私が使用しているもののデモはここにあります:別のドメインの開発サイトからデータをプルするテスト ページ。

これは、消費する Web サイト上の私の easyxdm コードです。おそらく、この JavaScript で何らかの方法で指定する必要がありますか?

<div id="container" style="width: 100%;"><div id="loadingmsg" style="color:white; font-size: 12pt;">Loading...</div></div>
    <script type="text/javascript">
    new easyXDM.Socket({
        remote: "http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
        swf: "http://dev.ultimatetripstore.com/easyxdm.swf",
        container: document.getElementById("container"),
        onMessage: function(message, origin){
            this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
            this.container.getElementsByTagName("iframe")[0].style.width = "100%";
            this.container.getElementsByTagName("iframe")[0].frameborder = 0;
            this.container.getElementsByTagName("iframe")[0].style.border = "0px solid red";
            this.container.getElementsByTagName("iframe")[0].scrolling="no";
        }
    });
    </script>
4

1 に答える 1

1

easyXDM.js ファイルを調べた後、 name.htmlファイルを正しく追加する方法を見つけました。

これは、iFrame がある程度機能していることを前提としています。

プロバイダーのウェブサイトで

  1. ディレクトリのルートにname.htmlを追加します。

  2. 提供ページの下部に次のスニペットを追加します。必ずlocalプロパティを含めて、name.html ファイルの場所に設定してください。

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

消費者サイトで

  1. remoteHelperプロパティを既存の JavaScript スニペットに追加し、それをコンシューマーのname.htmlファイルに向けます。したがって、私の場合は次のとおりでした。

    <div id="container" style="width: 100%;"></div>
<script type="text/javascript">
new easyXDM.Socket({
    remote: "http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
    remoteHelper: "http://dev.ultimatetripstore.com/name.html",
    swf: "http://dev.ultimatetripstore.com/easyxdm.swf",
    container: document.getElementById("container"),
    onMessage: function(message, origin){
        this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
        this.container.getElementsByTagName("iframe")[0].style.width = "100%";
        this.container.getElementsByTagName("iframe")[0].frameborder = 0;
        this.container.getElementsByTagName("iframe")[0].style.border = "0px solid red";
        this.container.getElementsByTagName("iframe")[0].scrolling="no";
    }
});
</script>

これが他の誰かに役立つことを願っています。

于 2013-11-08T03:27:17.500 に答える