window
トップページ > 過去ログ > 記事閲覧
*文字サイズをボタンで変更したい
日時: 2006/08/30 00:35
識別: ID:kQqwVToT6J5.
名前: 教えてください

ホームページで文字サイズを特にいじらずに作っていますが、見る人により大きすぎるとか、小さすぎると言う意見が出ています。ブラウザーで文字サイズ変更をしてください、と伝えていましたが、最近官庁や、新聞などのHPではボタンによりシート全部のサイズが変更できます。
javascriptはほとんど分らないせいもありますが、ソースを見ても分らない関数を使っており、どなたかサンプル付きで教えていただけないでしょうか。

Re: 文字サイズをボタンで変更したい ( No.1 )
日時: 2006/08/30 09:46
名前: oioiooi

あきれた

下の人、前から思っていたけれど、あんた暇なの?。

人の回答を尊重する気はないのね。

どうぞ、ご勝手に。
さいなら。
Re: 文字サイズをボタンで変更したい ( No.2 )
日時: 2006/08/30 09:00
名前: カヅサツ
参照: http://kadu.vis.ne.jp/main/

あえて全サンプルを掲載してみる

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<script type="text/javascript">
function ChangeFontSize(size){
document.getElementsByTagName('body')[0].style.fontSize = size;
}
</script>
<style type="text/css">
body{
font-size: medium;
}
h1{
font-size: 200%;
}
h2{
font-size: 150%;
}
table,th,td{
border: 1px solid black;
}
</style>
</head>
<body>
<h1>テストページ</h1>
<script type="text/javascript">
if(document.compatMode!='BackCompat'){
document.write("<h2>フォントサイズ変更<\/h2>");
document.write("<ul class=\"fontsize\">");
document.write(" <li><button type=\"button\" onclick=\"ChangeFontSize('x-large');\">x-Large<\/button><\/li>");
document.write(" <li><button type=\"button\" onclick=\"ChangeFontSize('large');\">Large<\/button><\/li>");
document.write(" <li><button type=\"button\" onclick=\"ChangeFontSize('medium');\">Medium<\/button><\/li>");
document.write(" <li><button type=\"button\" onclick=\"ChangeFontSize('small');\">small<\/button><\/li>");
document.write(" <li><button type=\"button\" onclick=\"ChangeFontSize('x-small');\">x-small<\/button><\/li>");
document.write("<\/ul>");
}
</script>
<p>JavaScriptで body要素のスタイルシートの font-size を書き換えています。ボタン部分はは JavaScript で出力しています(JavaScript未対応環境でボタンを押して何も起きないという事態防止)</p>
<table>
<tbody>
<tr>
<th>見出しセル</th><td>通常セル</td>
</tr>
</tbody>
</table>
</body>
</html>
サンプル提示、ありがとうございます ( No.3 )
日時: 2006/08/30 18:06
名前: 教えてください


カヅサツ様、お忙しいところありがとうございます。
私の技術力が追いつきませんので、少しサンプルを勉強してから
再度ご教示いただければ幸いです。

とりあえず、お礼まで。
Re: 文字サイズをボタンで変更したい ( No.4 )
日時: 2007/01/11 11:28
名前: カヅサツ
参照: http://kadu.vis.ne.jp/main/

昨年8月のスレッドへの返信で申し訳ない(何しろ、今気づいたので)

> 下の人、前から思っていたけれど、あんた暇なの?。

ええと、この「下の人」というのは、ひょっとして俺のことでしょうか。
Re: 文字サイズをボタンで変更したい ( No.5 )
日時: 2007/01/11 11:37
名前: カヅサツ
参照: http://kadu.vis.ne.jp/main/

一応補足。
8月当時は、まだ投稿した記事を後から改変できたと記憶しています。
恐らく

1. oioiooiさんが No.1 に何か投稿
2. 俺が No.2 を投稿
3. oioiooiさんがが No.1 を現在のように改変

という状況であると思うのです(推定)
ところが、No.1 の元の内容が読めない(し、俺も記憶の彼方)ので、「下の人」が多分俺のことだとは思うものの、一体全体何をお怒りだか不明なのです。

俺の杞憂なら良いのですが。
Re: 文字サイズをボタンで変更したい ( No.6 )
日時: 2007/01/11 16:13
名前: oioiooi(現おの字)


流れ的にカヅサツ氏に文句を言っていると思うが、
なんで>>2のようなことを書いたのかは全く覚えていない。

実は、書いたことすら覚えていないので、何に対して怒ったのか本人(oioiooi)にも不明です。

ですので、お気になさらずにお過ごしください。

#年を重ねるといろんな事がありすぎてどうでもいいことは忘れますわ。

よいお年を。(違っ
Re: 文字サイズをボタンで変更したい ( No.7 )
日時: 2007/01/13 23:45
名前: oioiooi(現おの字)

「なんで>>2のようなことを書いたのかは全く覚えていない。」
>>2 ではなく >>1

疲れているな、俺。

#sage
Re:おふとぴ ( No.8 )
日時: 2007/01/15 20:41
名前: F◆0eGaFZ7ysg
状態: 解決!

 こういうアプリケーション操作系質問掲示板では「操作手順」という「手法」を教えること(や、FAQを自分で読み解くことを伝えるなど)で「自分でも考える道筋ができる」と思いますが、「HTMLソース」という「回答結果」”のみ”をカヅサツさんが貼り付けてしまったから>>1-2のようなやり取りになった、と当時は記憶しております(某所のレスをおの字さんが消しまくったのも多分その勢いがあったからじゃないかと邪推してみます)。

#一応スレ主は解決済というお答えなので状態設定は「解決」ってことで。
- ( No.9 )
日時: 2011/12/11 19:17
名前: pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM