文字サイズの大中小について

解決済

質問者：minaaoi
質問日時：2007/08/29 13:12
回答数：2件

お世話になります。
今、ホームページを作成しているのですが…
ホームページ上で、文字のサイズを簡単に切り替えられる様にしようと思い、探してみたところ、styleswitcher.jsというJavascriptがあったので貰ってきました。

http://alistapart.com/stories/alternate/

ここからstyleswitcher.jsをいただいてきました。

文字の大きさが大、中、小になるように.cssファイルを３つ作り、拡張子.cssはcssフォルダに、拡張子.jsはjsフォルダに分けていれています。

<head>

<script type="text/javascript" src="js/styleswitcher.js"></script>

<link href="css/main_small.css" rel="stylesheet" type="text/css" title="small" />
<link href="css/main_normal.css" rel="stylesheet" type="text/css" title="normal" />
<link href="css/main_large.css" rel="stylesheet" type="text/css" title="large" />

</head>

という風に、ヘッダーのところにリンクを貼りました。

IE、Firefox、Opera、safari(windows用）では、動作確認が出来たのですが、ＮＮ７だけが動きませんでした。
設定を確認したところ、Javascriptを有効にするにはチェックがついていました。

設定のところでＯＫを押してから、切り替えボタンを押すと文字サイズが切り替えられるのですが、違うページに移動してしまうとその機能は動きません。

正直、Javascriptについての知識は全くなく、何がおかしいのか検討も付きません。
googleで何か情報がないか探してみたのですが、Firefoxに問題がある文章はいくつか見かけたのですが、NNに関する情報は見つけられませんでした。
各ブラウザにもいろいろ特徴があるから、動かなくても仕方ないのかな？
でも、ＮＮユーザーの為にも何とかしたいなぁと思いますし、一体どうしたら良いのか困ってます。

大変申し訳ないのですが、どなたかアドバイスをいただけませんでしょうか？よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： susie-t
回答日時：2007/08/30 16:46

あれ、画像でもできると思うのですが・・・。

NN7.1で、<img>でも<input type="image">でもOKでした。
--------------------------------------
<html>
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="css/main_normal.css" id="style"/>
<script type="text/javascript"></script>
</head>
<body>
<img src="img/sample1.gif" style="cursor:pointer;" onClick="changeCSS('css/main_small.css');"/>
<img src="img/sample2.gif" style="cursor:pointer;" onClick="changeCSS('css/main_normal.css');"/>
<img src="img/sample3.gif" style="cursor:pointer;" onClick="changeCSS('css/main_large.css');"/>

<input type="image" src="img/sample1.gif" onClick="changeCSS('css/main_small.css');"/>
<input type="image" src="img/sample2.gif" onClick="changeCSS('css/main_normal.css');"/>
<input type="image" src="img/sample3.gif" onClick="changeCSS('css/main_large.css');"/>
</body>
</html>
--------------------------------------
どうでしょう？

- 0
- 件

通報する

この回答へのお礼

ありがとうございました！

うまくいきました！
大変助かりました(*^▽^*)

ホームページ作るって難しいですね。
ＨＴＭＬ覚えたり、スタイルシート覚えたり、Javascript覚えたり…いろいろ勉強しなきゃならないし…知恵熱でそうです（TT

スタイルシートも最近ようやく分かってきて使えるようになっては来ましたが、JavaScriptはさっぱりさんで本当に困ってました。
『分からないんだったら手を出すなよ』と突っ込まれてしまいそうですが、susie-tさんに助けていただけたので本当にうれしいです。
これからはJavaScriptも勉強していきたいと思います。
ありがとうございました。

通報する

お礼日時：2007/08/31 12:47

No.1

回答者： susie-t
回答日時：2007/08/29 13:58

styleswitcher.jsは見てないのですが

単に適用スタイルを変えるだけなら以下でできます。
------------------
<html>
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="'css/main_normal.css" id="style"/>
<script type="text/javascript"></script>
</head>
<body>
<input type="button" value="small" onClick="changeCSS('css/main_small.css');"/>
<input type="button" value="normal" onClick="changeCSS('css/main_normal.css');"/>
<input type="button" value="large" onClick="changeCSS('css/main_large.css');"/>
</body>
</html>
------------------
NN7.1でも動くことは確認しました。これではだめですか？

※余談ですが、NNは日本でのサポートが終わってることもあって、非対応も仕方ないというのが私の意見です・・・。

この回答への補足

さっそくの回答ありがとうございます。

私の質問に不足の部分がありました。
大、中、小は画像のボタンで操作出来る様にしたかったんです…

くもん学習療法センター
http://www.kumon-lt.co.jp/

上記のサイトの様にしたかったんです。
（このサイトは、ＮＮでも大丈夫でした。）

質問を出してからもどうにかならないか探してみましたが、各ブラウザ対応までは利用の皆さんは考えていらっしゃらない様で、ＮＮの件については全く出会えませんでした。

やぱり、susie-tさんがおっしゃる通り、非対応でも仕方がないのかなぁ？と思います。
また、きちんと対応させようとしたら・・・

input type="button"

でないと無理なのでしょうね。

ブラウザの種類がいくつかあって、それぞれに愛用される方がいて、皆に見やすい様にしようと思ったら、結構大変ですね。