- PR -

WebページのCSSを変更したいです。

投稿者投稿内容
タラン
大ベテラン
会議室デビュー日: 2004/03/17
投稿数: 138
投稿日時: 2004-07-28 09:49
現在ページの文字とかテーブルのサイズが小さくて年寄りには良くないとか言われて
ページにボタンを一つ付けて文字とテーブルが大きくなるようにしてって言われました。

いったい可能なことですか。

ちょっと考えてみましたが
Servletで自分自身のJSPとかHTMLのファイルをサーバーから読み込んでファイルの中身を修正してその結果を表示すればなんとかなりそうですが。
でもファイルの名前はどうやって取得するんでしょう。

JavaScriptのみでなんとかやってみようと思ってても難しいですね。

どなたかご存知の方ご教授お願いします。

Tom
常連さん
会議室デビュー日: 2004/06/07
投稿数: 23
お住まい・勤務地: 東京都
投稿日時: 2004-07-28 09:59
スタイルシートを複数用意して動的にかえるってのは?
matobaa
常連さん
会議室デビュー日: 2002/12/26
投稿数: 21
投稿日時: 2004-07-28 10:03
ブラウザの「表示」メニューの「文字のサイズ」で大きくできます、とか、画面の解像度を落としましょう、とか言ってあげればいいんじゃないですか。

いや冗談じゃなく。プログラムでどうこうする問題じゃないと思うんです。

[ メッセージ編集済み 編集者: matobaa 編集日時 2004-07-28 10:11 ]
おばけ
ぬし
会議室デビュー日: 2002/11/14
投稿数: 609
お住まい・勤務地: 東京都江東区
投稿日時: 2004-07-28 10:09
CSSには、外部ファイルではなくHTML内にインラインでスタイルを記述する
方法があります(※)。この方法で、スタイルの箇所だけをServlet/JSPで
動的に変化させることで、ご所望のことができませんか?

こちらを参照。
okutin
ベテラン
会議室デビュー日: 2003/12/11
投稿数: 98
お住まい・勤務地: 広島
投稿日時: 2004-07-28 10:16
こんにちは。

インターネット上で不特定多数の人向けのWebページの場合は、
基本的にはフォントサイズを指定しないのが良いです。
閲覧者はブラウザの設定で、自分がもっとも見やすい大きさにしているはずですから。

一応JavaScriptでCSSファイルの選択を行うスクリプトを公開している
ページを紹介しておきます。
http://critical.s6.xrea.com/web/cssselect.html
ino
常連さん
会議室デビュー日: 2003/04/17
投稿数: 25
お住まい・勤務地: 大阪
投稿日時: 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

サンプルコードもいろいろ掲載されてて参考になります。
-->
ino
常連さん
会議室デビュー日: 2003/04/17
投稿数: 25
お住まい・勤務地: 大阪
投稿日時: 2004-07-28 10:29
引用:

inoさんの書き込み (2004-07-28 10:19) より:
興味があったので調べてみました。
まだ試して無いんですが、...




試してみました。
IE6ではうまくできました
びしばし
大ベテラン
会議室デビュー日: 2002/03/13
投稿数: 181
投稿日時: 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

スキルアップ/キャリアアップ(JOB@IT)