WordPressの固定ページをiframeで取得したときにツールバーも表示される
解決したいこと
ある固定ページ(A)の一部を固定ページ(B)へiframeを挿入したとき
Aページの上部ツールバーも表示されてしまいます。
このAページのツールバーを表示せず、DOM要素のみを取得したいです。
設定等で非表示にできるやり方をご教示いただきたいです。
自分で試したこと
display:none
で表示部分をけしてもその分の高さについては取得されます。
0
3Answer
既にクローズされていますが、単純に<iflame src="固定ページ(A)アドレス">...してるのであれば固定ページ(A)のHTMLに
<script>
if (window.parent !== window.top) {
window.document.getElementById("bar").style.display = "none";
}
</script>
のスクリプトを埋め込んで、フレームが親で無いかを判定して、上部ツールバーのid要素を得て、style.displayプロパティにnoneを渡すだけで実現はします。
ただ「固定ページ(A)の一部」の"一部"っていうのがよく分かりませんので、これ以上の回答はできかねます。
3Like
Comments
@sora_niku
Questioner
ご回答ありがとうございます！
こちら参考させていただきます！
このAページのツールバーを表示せず、DOM要素のみを取得したいです。
そのの意味が分かりません、ツールバーも DOM 要素になると思うのですが？
0Like
Comments
@sora_niku
Questioner
回答ありがとうございます！
こちら意図が伝わらず申し訳ありません。ツールバーも DOM 要素になるということであっております。
そのツールバー部分をwordpress側の設定か何かで取得しないようにしたいということでした。そのツールバー部分をwordpress側の設定か何かで取得しないようにしたいということでした。
「ツールバー」が含まれているページの url を iframe の src 属性に設定して表示したのですよね？
で、「wordpress側の設定か何かで取得しない」というのはサーバー側の PHP のコードでツールバーを非表示にしたいということのように想像してますが、そうなんですか？
そうだとすると、ブラウザは url に設定されたページを要求して iframe に表示するという動きになるはずなので、その間にサーバー側が介入してツールバーを非常時にするというのは無理なのでは？
何か、私の想像を超えた特別な手段があるのでしょうか？
display:noneで表示部分をけしてもその分の高さについては取得されます。それも意味が分かりませんが、JavaScript でツールバーの DOM に
display:noneを適用して非表示にすることはできたということですか？ であればそれで解決できたということではないのですか？「その分の高さについては取得されます」というのが残された問題なのですか。それは具体的にどういう事で、どうなればいいのでしょう？
@sora_niku
Questioner
回答いただきありがとうございます！
サーバー側の PHP のコードでツールバーを非表示にしたいということのように想像してますが、そうだとすると、ブラウザは url に設定されたページを要求して iframe に表示するという動きになるはずなので、その間にサーバー側が介入してツールバーを非常時にするというのは無理なのでは？
こちらの説明がわたしがお伝えしたいこと、ご回答で問題ありません。
お手数おかけしてすいません。ありがとうございます。
This answer has been deleted for violation of our Terms of Service.