- - PR -
WebページのCSSを変更したいです。
| 投稿者 | 投稿内容 | ||||
|---|---|---|---|---|---|
|
投稿日時: 2004-07-28 09:49
現在ページの文字とかテーブルのサイズが小さくて年寄りには良くないとか言われて
ページにボタンを一つ付けて文字とテーブルが大きくなるようにしてって言われました。 いったい可能なことですか。 ちょっと考えてみましたが Servletで自分自身のJSPとかHTMLのファイルをサーバーから読み込んでファイルの中身を修正してその結果を表示すればなんとかなりそうですが。 でもファイルの名前はどうやって取得するんでしょう。 JavaScriptのみでなんとかやってみようと思ってても難しいですね。 どなたかご存知の方ご教授お願いします。 | ||||
|
投稿日時: 2004-07-28 09:59
スタイルシートを複数用意して動的にかえるってのは?
| ||||
|
投稿日時: 2004-07-28 10:03
ブラウザの「表示」メニューの「文字のサイズ」で大きくできます、とか、画面の解像度を落としましょう、とか言ってあげればいいんじゃないですか。
いや冗談じゃなく。プログラムでどうこうする問題じゃないと思うんです。 [ メッセージ編集済み 編集者: matobaa 編集日時 2004-07-28 10:11 ] | ||||
|
投稿日時: 2004-07-28 10:09
CSSには、外部ファイルではなくHTML内にインラインでスタイルを記述する
方法があります(※)。この方法で、スタイルの箇所だけをServlet/JSPで 動的に変化させることで、ご所望のことができませんか? ※こちらを参照。 | ||||
|
投稿日時: 2004-07-28 10:16
こんにちは。
インターネット上で不特定多数の人向けのWebページの場合は、 基本的にはフォントサイズを指定しないのが良いです。 閲覧者はブラウザの設定で、自分がもっとも見やすい大きさにしているはずですから。 一応JavaScriptでCSSファイルの選択を行うスクリプトを公開している ページを紹介しておきます。 http://critical.s6.xrea.com/web/cssselect.html | ||||
|
投稿日時: 2004-07-28 10:19
興味があったので調べてみました。
まだ試して無いんですが、IE限定でよければ 以下の方法で出来るようです。 <SCRIPT type="text/javascript"> <!-- function changeHref(n){ if(document.all) document.all.tags('LINK').item(n).href="new2.css"; else if(document.getElementsByTagName) document.getElementsByTagName('LINK').item(n).href ="new2.css"; } //--> </SCRIPT> <!-- 出典は http://east.portland.ne.jp/~sigekazu/css/javascript3.htm サンプルコードもいろいろ掲載されてて参考になります。 --> | ||||
|
投稿日時: 2004-07-28 10:29
試してみました。 IE6ではうまくできました | ||||
|
投稿日時: 2004-07-28 14:04
アクセシビリティの話はプログラムでどうこうという話ではなく、デザインの話ですね。
参考: Web Content Accessibility Guidelines 1.0(和訳) Techniques for Web Content Accessibility Guidelines 1.0(和訳)など http://www.zspc.com/documents/ Web アクセシビリティ(日本語訳) http://www-6.ibm.com/jp/accessibility/guideline/accessweb.html | ||||
