いつもお世話になっております。
スタイルシートで設定しているフォントサイズを、
<select>タグによるメニューにて、
任意のサイズに変更させる機能をつけたいと
考えています。
(メニューからフォントサイズを指定する)
IEは問題ないのですが、NNだと、
まったくだめです。
NNで同じようにフォントサイズを変更するには、
どうすればよろしいのでしょうか?
問題点***********************************
IE5.01、5.5だと、問題なく変更できました。
NN4.75で行うと、だめでした。
OSはWindows(98、2000、Me)です。
記述:***********************************
<head>タグ内
<script language = "javascript">
<!--
//親フレームから、現在のフォントサイズを取得。
var changeSize = parent.fontSize;
var str = "<style type=\"text/css\">";
str += "body{font-size:" + changeSize + "}";
str += "</style>";
document.write(str);
function changeFontSize(TargetFont){
var Sel=TargetFont.selectedIndex;
var lclFontSize = TargetFont.options[Sel].value;
//親フレームに変更後のサイズを格納
parent.fontSize = lclFontSize;
location.reload();
}
//-->
</script>
<body>タグ内
<select name="OP1" onChange="changeFontSize(this);">
<OPTION value="10">10pt</option>
<OPTION value="20">20pt</option>
<OPTION value="20">30pt</option>
</select>
******************************************
補足:
メニューで選択されたフォントサイズを取得して、
ページをreloadします。
親フレームにフォントサイズを一度格納するのは、
他の子フレームすべてにフォントサイズを対応させるためです。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
回答ではありませんが、少し気になったので。
>(メニューからフォントサイズを指定する)
>IEは問題ないのですが、NNだと、
>まったくだめです。
これは、サイズ指定にptを使い、絶対指定しているからだと思います。
ptではなく%を使えば、わざわざスクリプトで変えさせなくても
メニューから変えられるはずですよ。
ちょっと大きくしたいのであれば、font-size:110%; とかすればいいです。
ありがとうございます。
>これは、サイズ指定にptを使い、
>絶対指定しているからだと思います。
NNでもpt、%、両者ともに指定できるはずです。
実際にやってみました。
>メニューから変えられるはずですよ。
ですよね~?
そうしたいところなんですが、
コンテンツの仕様として、
メニュー非表示でやらなくては、
ならないんです。
結果的にうまくいきました。
body要素ってNNは対応していないんでしたっけ?
body要素をはずして、
classで指定するとうまくいきました。
みなさまヒントをいただきありがとうございました。
No.1
- 回答日時:
ちょっと気になるのですが、質問文の中のスタイル要素の記述ではフォントサイズの値に単位が付属しないように見えますが、CSSでのフォントサイズの指定は単位をつける必要があったと思います。
正確を期すのであれば、
str += "body{font-size:" + changeSize + "pt}";
などとするか、<option>タグのvalueの値に単位を付加した方が良いと思います。
これが直接解決策になるかどうかはわかりませんが… 失礼しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
ペイント3Dのテキストサイズ変更
-
テーブル内の文字サイズを変更...
-
VBAでListViewのフォントを変更...
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
MoveWindowで位置だけ変更する...
-
チェックボックスのサイズ変更...
-
CSSです。英数字のみArial書体...
-
IEで文字サイズが変更されない...
-
文字を点滅させるHTML
-
セレクトボックスの幅を指定し...
-
ASP VBscript でメッセージボッ...
-
HTMLで全角文字と半角文字を2...
-
共有メモリについて
-
Netscape7.1でブラウジングして...
-
奇数のフォントサイズ指定について
-
インラインフレーム内の文字の...
-
accessのレポートで文字間隔を...
-
特定オブジェクトの拡大
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
奇数のフォントサイズ指定について
-
HTMLテキストボックス内の文字...
-
alertで、アイコンの変更、又は...
-
<table></table>内のFONT指定に...
-
共有メモリについて
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
エクセルで文字が勝手に大きく...
-
パスワード欄の"●"文字を小さく...
-
コピーライト記号の表示が小さい
-
アンドロイドスマホでのphp ech...
-
英サイト(UTF-8)内での全角文字...
-
accessのレポートで文字間隔を...
おすすめ情報