1

私はこのようなものを作ろうとしています: 例

ドロップダウン リストで選択したオプションに基づいて、iframe を動的に変更できるようにしたいと考えています。

私がこれまでに持っているコードは次のとおりです。

    <html>
    <head>
    <script>
        function hidem() {
        document.getElementById('Select').style.display = "none";
        document.getElementById('test1').style.display = "none";
        document.getElementById('test2').style.display = "none";
        }
    function changeIt(divid) {
        hidem();
        document.getElementById(divid).style.display = "block";
    }
    </script>
    </head>

    <table border="0">
        <tr>
            <td>
                <select id="Manage" onChange="changeIt(this.value)">
                <option value="Select">Select A Management Window</option>
                <option value="test1">Google</option>
                <option value="test2">Yahoo</option>
                </select>
            </td>
            <td>
                <div id="Select">
                    <h2>Information:</h2>
                    This is a management console
                </div>
                <div id="test1" style="display:none">
                    <h2>Google:</h2>
                    <iframe src="http://www.google.com" width="100%" height="100%"></iframe>
                </div>
                <div id="test2" style="display:none">
            <h2>Yahoo:</h2>
                    <iframe src="http://www.yahoo.com" width="100%" height="100%"></iframe>
                </div>
            </td>
        </tr>
    </html>

しかし、私が意図したようには機能していないようです。これで私を助けることができる人はいますか？

ありがとうございました、

デイブ

4

1 に答える 1

0

膨大な数の無効な HTML の間違い (@BillyMoat のコメントで強調されています) にもかかわらず、あなたが計画していることを実行できるとは思えません。

多くの大規模なサイト (特に Google) はX-Frame-Options: SAMEORIGIN、ページで を使用しています。

これは、ブラウザが、親が別のオリジン (つまりドメイン) からのフレームにページを表示することを許可されていないことを意味します... もちろん、これはブラウザがこの命令を理解しているかどうかに依存しますが、これは現在のほとんどのブラウザが行っていることです。

Mozilla からのヘッダーの詳細。

これは、ページの読み込みをブロックするブラウザのリストを含む、ヘッダーに関する詳細をリストしたブログです。

于 2012-08-28T16:40:46.620 に答える