iframeの高さ調整を自動でしてくれるjsをhtmlに入れました。
下記はhtmlを直書きすれば入れられるのですが、下記をそのままjsファイルに入れてhtmlとは分けてしまうと効かなくなってしまいます。
またエラーもこれだけ出てしまいます。
またjsに詳しくないため、何が原因かよくわからないのですが、お知恵をお貸し頂けますでしょうか。
function adjust_frame_css(F){ if(document.getElementById(F)) { var myF = document.getElementById(F); var myC = myF.contentWindow.document.documentElement; var myH = 30; if(document.all) { myH = myC.scrollHeight; } else { myH = myC.offsetHeight; } myF.style.height = myH+"px"; } }
HTML
<p class="super_sall_title"><img src="images/shop/sp_test.jpg" alt="" /></p> <div class="sp"> <div class="sp_menu"> <p><a href="#" target="_top"><img src="images/shop/sp_sec01_01.jpg" alt=""></a></p> <p><a href="#" target="_top"><img src="images/shop/sp_sec01_02.jpg" alt=""></a></p> <p><a href="#" target="_top"><img src="images/shop/sp_sec01_03.jpg" alt=""></a></p> </div> <iframe id="newsframe sp_50" onLoad="adjust_frame_css(this.id)" style="border: 0; display: block; margin: auto; border:0; height:100;" scrolling="no" frameborder="no" width="100%" src="test1.html"></iframe> <iframe id="newsframe sp_20" onLoad="adjust_frame_css(this.id)" style="border: 0; display: block; margin: auto; border:0; height:100;" scrolling="no" frameborder="no" width="100%" src="test2.html"></iframe> <iframe id="newsframe sp_10" onLoad="adjust_frame_css(this.id)" style="border: 0; display: block; margin: auto; border:0; height:100;" scrolling="no" frameborder="no" width="100%" src="test3.html"></iframe> </div> <!--<script type="text/javascript" src="iframe_js.js"></script>--> <script type="text/javascript"> function adjust_frame_css(F){ if(document.getElementById(F)) { var myF = document.getElementById(F); var myC = myF.contentWindow.document.documentElement; var myH = 100; if(document.all) { myH = myC.scrollHeight; } else { myH = myC.offsetHeight; } myF.style.height = myH+"px"; } } </script>
そのHTMLはどこですか?
unexpected token <
というエラーが出ていますが、スクリプトに<という記号がありませんでした。
jsファイルに<script>タグを書いてしまったとか、そういうことはありませんか?
>>そのHTMLはどこですか?
ありがとうございます。追記しました。
>>jsファイルに<script>タグを書いてしまったとか、そういうことはありませんか?
画像添付いたしました。一応<script>タグは入れていないのですが・・・。
コードもエラーも画像ではなくテキストで
エラー文から察するに、開示してないコードか情報が十中八九あります。
"unexpected token <"もそうなのですが、
iframeのソースが読み込めていないというエラーが出ているので、
Webサーバーないし、ローカルサーバー上なのか、単にローカルでの実行なのか、も関係してきそうな気がします。
これは関係ないべ、と勝手に判断せず、他の情報(サーバーなのかどうかとか)も含め、質問文に記載をお願いします。
(これは関係ないと正しく判断できるなら、そもそも質問に至らないと私は個人的に考えてます)