- ベストアンサー
インラインフレーム内の文字の大きさ
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 とりあえずの一例ですが。 <html> <head> <title></title> <script type="text/javascript"> function fontSizeCtrl(fSize){ var ifr = document.getElementById('iframe01'); var ifrDoc = (ifr.contentDocument)? ifr.contentDocument : ifr.contentWindow.document ; ifrDoc.body.style.fontSize = fSize; } </script> </head> <body> <p> <input type="button" value="文字-大" onclick="fontSizeCtrl('larger')"> <input type="button" value="文字-中" onclick="fontSizeCtrl('')"> <input type="button" value="文字-小" onclick="fontSizeCtrl('smaller')"> </p> <p> <iframe src="～" id="iframe01"></iframe> </p> </body> </html> これは、フレーム内のhtmlの<body>に style="font-size:larger"（またはsmaller） を、追記するJavascriptです。 フレーム内の全てのフォントサイズの指定をしていないか、相対指定 （CSSの smaller/larger で指定） してあれば全てのフォントサイズが変化しますが、 別の指定方法（?pxとか）がされていれば変化が起きません。
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
親ページ側に[文字サイズ大]、とか[文字サイズ小]とかボタンやリンクを置いてフレーム内のページの文字サイズを変更できるようにしたい、という事でしょうか？ Javascriptを使えばある程度可能です。 ただし、フレーム内のページが別のサイト（別ドメイン）ならばできません。
補足
ご返事ありがとうございます。 質問内容があいまいですみませんでした。 その通りです。 同ドメインで、Javascriptで、どのようにすると出来るのでしょうか？よろしくお願いします。
関連するQ&A
- インラインフレーム内の文字サイズを変えるには？
現在、トップページに新着情報とお知らせをインラインフレームで作成しています。 そこで、最近良くある文字サイズ変更ボタンを設置して大中小とボタンをおした際にインラインフレーム内だけ文字サイズが変わりません。 この文字サイズを変更する方法はあるのでしょうか？ インラインフレームの中は、別ページになるので、スタイルシートの設定が及ばないのかな～と思ったりしているのですが、諦めきれません。 【styleswitcher.js】を利用して文字サイズ変更を設定しています。 どなたかご教授ください。 どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
- インラインフレーム内の文字を拡大すると重なる
ホームページのトップページに、インラインフレーム で新着情報を表示させようとしています。 参照してくるファイル（今回の場合news.html)を単独で開き、文字の表示サイズを変更すると、 ちゃんと変更されるのですが、トップページでインラインフレーム内に表示させて 文字サイズを大きくすると、文字は大きくなるのですが、縦方向に伸びずに文字が重なってしまいます。 （行間が文字の高さより狭くなる状態） 文字サイズを見る人側で指定できるようにと、 スタイルシートによるフォントサイズの指定はしていません。 インラインフレームのサイズは固定していて、縦方向にスクロールされるようにしています。 news.htmlの内容は、1列複数行のテーブルでつくっています。 見ているブラウザはIE6.0です。 お分かりの方、アドバイスよろしくお願いします。
- ベストアンサー
- HTML
- インラインフレーム読込先が文字化けする
文字コードをEUCでサイトを作成しています。 コンテンツの一部をインラインフレームで呼び出しているのですが、文字コードがUTF-8の為、文字化けしてしまいます。 文字コードは変更出来ないため、呼び出しているところで文字コードを変更するなどして文字化けを改善したいのですが、何かいい方法は無いでしょうか？ よろしくおねがいします。
- 締切済み
- ブラウザ
- 疑似インラインフレームの文字が透明
疑似インラインフレームを透明化したのですが、リンク元の文字まで透明化されてしまいます。 文字だけ薄くしないようにしたいのですが。 ご教示お願いします。
- ベストアンサー
- CSS
- インラインフレームにて。
インラインフレームの中でリンクをクリックすると、 そのインラインフレームの中でクリックしたサイトを 表示するんですが、それが下のほうだと、 サイトは表示されるのですが、ページのトップまで 戻ってくれません・・・。 インラインフレームのなかでクリックしたら インラインフレームのなかに表示されつつ、トップ（サイトの一番上）まで 戻す方法はあるのでしょうか？？ よろしくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- インラインフレームについて
メインのページにインラインフレームをつくり、インラインフレームの文字やボタンをクリックするとwindow.openで画面を展開させたいのですが、画面を展開させて画面を閉じてみるとインラインフレームに [object]と表示されてしまします。 これを回避するにはどうしたらいいのでしょうか？ またこれは一体なんなのでしょうか？ どなたかご教授ください。お願いいたします。
- 締切済み
- JavaScript
- インラインフレーム内の広告は？
ＦＣ２無料ホームページサービスを利用して、サイトを開設しました。 インラインフレームとテーブルを使用しています。 ＦＣ２のＱ＆Ａを読んでみたのですが、広告の消し方がよくわかりません。 メタタグ？というものをどこに入れればいいのか、どのファイルの名前を変更すればいいのか・・・。 それに、Ｑ＆Ａに書かれているのはフレーム使用のものについてとなっているのですが、これはインラインフレーム内の広告についても有効なのでしょうか。
- ベストアンサー
- レンタルサーバ・ASP
- インラインフレームについて・・・
スクロールの色変更方法でお尋ねします！ ページのスクロール色は変更出来たのですがページ内に作成した『インラインフレーム』のスクロールの色変更方法を教えて下さい。 色々試みたのですが上手くいきませんでした(T_T) 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- インラインフレームについて教えてください
知人に頼まれて、とあるお店のHPを作成しているのですが、 インラインフレーム以外の部分にポインタを合わせたら ホイールでページを上下にいくらでもスクロールできますが、 インラインフレームにちょっとでもポインタが重なると そこでピタリとスクロールが止まってしまいます。 サイトは中央がインラインフレームで さらにそれを左右に分けた構造となっております。 前に作ったいくつかのHPの更新情報などに インラインフレームを使った物が3つほど残っていますが、 その3つとも正常に動いているのに、 このサイトだけがちゃんと動作してくれません。 というか、ほんの1時間前までは上手く見れてたのですが どこをどう触ったのかいきなり動かなくなりました。 ちなみにOperaではちゃんとスクロールしてくれます。 IEのバージョンは7で、 HP作成ソフトはジオシティーズのジオクリエイターです。 質問の意味が分からなければ実物を載せようかと思いますが、 出来ればこれで理解して下さると助かります＾＾；
- ベストアンサー
- HTML
- インラインフレームでサイトが重いので軽くしたいです
自分のホームページは自分が面白いと思う他のサイトのヘッドラインニュースを、インラインフレームを使って最新の情報をすぐに読めるように紹介しています。 するとどうしてもインラインフレームで囲っていない、表示されていない部分も読み込んでしまって、サイトが重くなってしまいます。 インラインフレームで囲んだ部分のみを読み込む事は可能でしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
お礼
再度、ご返事ありがとうございます。 DOMでこんなに便利なものがあるのですね。 ソースまで書いていただいて、本当にありがとうございました。