- ベストアンサー
文字サイズの大中小について
- ホームページ上で文字のサイズを簡単に切り替える方法を探していました。
- styleswitcher.jsというJavascriptを使用して、文字の大きさを大中小に切り替える機能を実装しました。
- しかし、NN７では正常に動作せず、別のページに移動すると機能が機能しなくなります。困っています。
- minaaoi
- お礼率77% (71/92)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
あれ、画像でもできると思うのですが・・・。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"><!-- function changeCSS(src){ document.getElementById("style").href = src; } // --></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> -------------------------------------- どうでしょう？
その他の回答 (1)
- susie-t
- ベストアンサー率86% (37/43)
styleswitcher.jsは見てないのですが 単に適用スタイルを変えるだけなら以下でできます。 ------------------ <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="'css/main_normal.css" id="style"/> <script type="text/javascript"><!-- function changeCSS(src){ document.getElementById("style").href = src; } // --></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" でないと無理なのでしょうね。 ブラウザの種類がいくつかあって、それぞれに愛用される方がいて、皆に見やすい様にしようと思ったら、結構大変ですね。
お礼
ありがとうございました！ うまくいきました！ 大変助かりました(*^▽^*) ホームページ作るって難しいですね。 ＨＴＭＬ覚えたり、スタイルシート覚えたり、Javascript覚えたり…いろいろ勉強しなきゃならないし…知恵熱でそうです（TT スタイルシートも最近ようやく分かってきて使えるようになっては来ましたが、JavaScriptはさっぱりさんで本当に困ってました。 『分からないんだったら手を出すなよ』と突っ込まれてしまいそうですが、susie-tさんに助けていただけたので本当にうれしいです。 これからはJavaScriptも勉強していきたいと思います。 ありがとうございました。