• 締切済み

IFRAMEでscrolling="yes|no"の処理ができない。

ウェブページの中央にIFRAMEにてウェブページを読み込ませています。 このIFRAMEの中に表示するウェブページには二種類ありまして、 1つは横にスクロールが必要なページ。レンタルBBSのページ。 1つは横にスクロールが必要ないページです。動画ページ。 document.getElementById("iframeのID").scrolling = "yes || no"; で行っても変更が表示されないので困っています。 検索の結果、ここの教えて!goo内に同じ問題で困っている方がいましたが、解決はしていなかったようなのでよろしければ教えていただきたいと思っています。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1456147 なお、<DIV>にstyle="visibility:hidden;"とvisibility:visibleで切り替えようかと思っていたのですが、横にスクロールが必要のないページは動画のページなのでバックでかってに動画が再生されても困るのです。しかも、動画のページを読み込んだ際に動画が自動再生される仕組みしなければいけないのです。

みんなの回答

  • nipox
  • ベストアンサー率32% (10/31)
回答No.3

ではでは、スクリプトで無理やり、 document.IFRAME.document.body.style.overflow='auto'; とやってみてはいかがでしょうか。 IE6.0では、アクセス拒否が起こるかもしれませんが。

smwithdm
質問者

お礼

いや~、IEはいう事を聞いてくれないですね~。 FireFoxとかだと普通にgetelementなんたら.scrolling="yes"や"no"で一発でOKなんですけどね~。 ちょっとめんどくさいですけどIFRAMEの中にまたIFRAMEでスクロールの有無を決めちゃいます! -Toppage |-IFRAME src="下のIFRAME用のHTML" scrolling=no |-IFRAME src="レンタルBBS用のURL" scrolling=yes ってな感じで。 できれば一発でやりたかったですけどね、M$社がちゃんと実装しないからこまったもんです。

  • nipox
  • ベストアンサー率32% (10/31)
回答No.2

代替策として。 スタイルシートの、overflowを使うという手ならあります。 scrollの属性は外し、 フレームで表示させるページのheadに、 <style type="text/css"> <!-- body{overflow : auto;} --> </style> と入力してみてください。 これでもだめなら教えてください。

smwithdm
質問者

補足

フレームで表示させるページのHEADにできれば表示させてやりたいのですがレンタルBBSのHEADに付加できないものですので。

  • kokorone
  • ベストアンサー率38% (417/1093)
回答No.1

勘違いしていたら、ごめんなさい。 scrolling = "yes || no"; とそのまま、記述していませんか? これは、 scrolling = "yes"; または、 scrolling = "no"; ですよ。  という意味です。スクロールが必要ならば、yes を指定 してください。

smwithdm
質問者

補足

勘違いしていたらいいんですけど、 質問は document.getElementById("iframeのID").scrolling = "yes"; もしくは document.getElementById("iframeのID").scrolling = "no"; にしても、変化がまったくおきないとの事です。 document.getElementById("iframeのID").src="document.html";とかsrcだと問題ないのですけど、scrollingは使えない。 iframeで読み込ませているページのスクロールの有無をどのようにして変えられるか?それを教えてもらいたいのです。

関連するQ&A

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで; 詳しい方教えていただけないでしょうか。 (説明がへたくそですみませんm(_ _)m)

  • IFRAMEのscrollingを常にnoにしたい

    iframeを使ってBBSをscrolling="no"で表示したいのですが、 src="パスワード.cgi"から自動でbbs.cgiになったときにスクロール表示してしまいます。 iframe内で表示先が変更された場合でもスクロール表示しないようにできるのでしょうか?もしできるのであれば教えていただきたいのですが… 掲示板をiframe と言うことで、某ホームページをを参考にスクロールが表示さ れないようにしてみました。 が以下のようにパスワードを入力後に表示するiframe はスクロールを表示して しまいます。 <script type="text/javascript"> <!-- function LoadFrame(frid) { var IFR = document.getElementById(frid); IFR.style.height = (IFR.contentWindow)? IFR.contentWindow.document.body.scrollHeight: document.frames[frid].document.body.scrollHeight; } //--> </script> <iframe src="member/gate.cgi" name="coach" onload="LoadFrame(this.id)" id= "Ifr" width=497 frameborder="0" scrolling="no"></iframe> 試行錯誤しながらなんとかやってる超初心者です。よろしくお願いします。

  • IFRAMEの表示/非表示を切り替えたい

    こんにちは。初歩的な質問ですが、タイトルの件についてです。 JavaScriptを使ってIFRAMEの表示/非表示を切り替えたいのですが、早速つまづいてしまいました。 以下がソースです。(JavaScript呼び出し部分は省略します。) ■IFRAME部分■ <iframe src="test.html" style=" visibility:visible;" name="test"> </iframe> ■JavaScript部分■ <SCRIPT Language="JavaScript"> <!-- function test() { window.document.test.style.visibility = hidden; } // --> </SCRIPT> よろしくお願いします。

  • iflameのスクロールバーについて

    ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分(横部分)のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか?

    • ベストアンサー
    • HTML
  • iframeについて・・・

    <iframe>タグを使う時、スクロールバーを縦あるいは横のみ表示させるにはどうしたらよいのでしょう??? 横にスクロールはしないので、横のスクロールバーは表示されたくないのに・・・ どなたか教えてください!

    • ベストアンサー
    • HTML
  • ホームページを作っています、ページ内にiframeで他のページを表示さ

    ホームページを作っています、ページ内にiframeで他のページを表示させています。 IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が できるのですが、Firefoxだとスクロールバーが出ません・・・ どなたか表示させる方法をご存知でしたら教えてください。 以下HTML記述 <iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe> CSS記述 #iframe4{ border-width : 0px 0px 0px 0px; margin-left : 0px; width : 420px; height : 490px; padding-top : 0px; overflow : hidden; margin-top : 0px; margin-right : 0px; margin-bottom : 0px; padding-bottom : 0px; }

    • ベストアンサー
    • HTML
  • iframeの属性(スクロールバー)変更について

    OS情報:windowsXP ブラウザ情報:IE iframeの属性(スクロールバー)変更をしたいのですがうまくいきません。 変更したい属性は、スクロールバーの表示、非表示です。 背景色や指定URLの変更は、 document.getElementById("フレームID").style.backgroundColor = "yellow"; document.getElementById("フレームID").src = "移動先のURL"; などで出来るのですが、スクロールバーの属性変更ができません。 document.getElementById("フレームID").scrolling = "yes || no"; など、やってみましたがダメでした。 よろしくお願いしますm(__)m

  • iframe内MENU

    ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 (別ページ作成したcssmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe> こんな感じです。) 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。(レイアウト崩れのような感じで) iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか? 色々試したのですが上手くいきません。 教えて頂ければ幸いです。

    • ベストアンサー
    • HTML
  • iframe の代用で objectタグを使ったとき

    iframeを使って、他のページを表示させていたのですが、 iframeは非推奨ということでobjectタグに置換をかけています。 比較的単純なiframeタグは置換できたのですが、 <iframe src="hoge.cgi" width="330" height="100" scrolling="no" Frameborder="no" Marginwidth="0"> の場合の2行目の、スクロールバー非表示、枠はナシ、立体表示ナシ という設定をobjectタグを使ったときどう記述すればいいのか わかりません。同じ属性を書くと無視されてしまいます。。。。 どのように記述すれば、スクロールバーなし、立体表示なしが 実現できるのでしょうか?

    • ベストアンサー
    • HTML
  • <iframe>内をリロードするたびに入れ替えたい

    <iframe>で別に作ったページが表示されるようにしているのですが、 リロードするたびに<iframe>内のページがランダムに入れ替わり、 いろんなページが見られるようにしたいと思っています。 現在このようなソースでtest1.htmlを表示させているのですが、 ここにtest2.html、test3.html、test4.htmlが表示されるように するにはどうしたらいいでしょうか? <iframe src="../test1.html" name="sample" width="500" height="500" frameborder="0" scrolling=no> この部分はインラインフレームを使用しています。 </iframe>

    • ベストアンサー
    • HTML