2017-03-17 52 views
0

私はページが私はhtmlページ上で使用していますインラインフレーム隠すナビゲーションバーとヘッダ

コードにロードされたときに、ヘッダーやナビゲーションバーを非表示にしようとしています:私はすべて試してみました

 <div id="frame2"><iframe width="100%" height="600px" margin-top="-350px" id="frame1" src="http://mls.searchfloridahomelistings.com/i/Neigbs_Bear_Lake_1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div> 

私がjavascriptを使用して見つけることができ、何も動作していない提案のうち

Googleで検査すると、表示を追加できます。 CSSクラスへ:ナビゲーションバー-逆、それはすべてのものを隠しますが、私はJavaScriptを追加しようとすると、そのが動作していない:

<script type="text/javascript"> var isInIFrame = (window.location != window.parent.location);if(isInIFrame==true)document.getElementsByClassName("navbar-inverse")[0].style.display = "none";}</script> 

また、私はここに他の記事で挙げた例から、及び他のフォーラムでいくつかのバリエーションを試してみました

読み込んでいるページはhttp://www.searchfloridahomelistings.com/altamonte-springs-homes-for-sale/bear-lake-homes-for-sale/

です。iframeのURLがサイトのURLと異なるためですか?

私は非常にjavascriptに精通していないので、任意のヘルプは非常に感謝される!

+0

のiFrameからSRC-urlには、あなたはJS経由のiFrameのコンテンツへのアクセスを持っていないホストドメインと同じではありません。 [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS)、[同名のポリシー](https://developer.mozilla.org/)を参照してください。 (US-docs/Web/Security/Same-origin_policy)と[this(http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy)SOスレッド。 CORSが有効になっている場合はwokします – empiric

+0

ありがとう私はそれを見ます – John

答えて

0

iframeに別のスコープがあるため、スタイルにアクセスしたり、javascriptでコンテンツを変更したりすることはできません。

その実際には別のページ

関連する問題