Home | What's new | Site map | Search | About | Contact |

JCN 日本語表示の切り替え、および印刷モードについて

現在JCNには日本語表示のON/OFF、そして左メニューのON/OFF,ならびに印刷モードの表示ができる機能があります。これらの表示の切り替えはhtmlファイル上での操作は一切行っておらず、スタイルシートを活用して表示が切り替えられるように作ってあります。(なのでちょっと軽いページからは遠くなってしまっていますが、この方法の方が汎用性があり、いらぬトラブルが発生しにくいのでこうしてあります)
これらの設定はクッキーを利用して利用者のPCに一時的に保存するようになっており、クッキーはJavascriptを利用して読み出し、その設定により、初期設定のスタイルに加工を加える形になっています。

従って、Javascript、スタイルシートそしてクッキーが全てONになっていない限り正しく動作しません。ただしこれらは全て最近のブラウザでは標準的に用いられているので問題ないでしょう。なお、Javascriptが切られている場合には操作スイッチも表示されません。

使い方

これらの機能を使うには、<Head>内に<script type="text/JavaScript" src="/v2/js/cookiecss.js"></script>の記述が必ず必要です。

この記述は各ファイルヘッダ内のメニュー表示に関するスタイル記述より後ろに書いてください。これを誤るとメニュー内容の全表示という機能がうまく動作しません。

日本語表示のスイッチ

記述は<span class="rm"></span>内に記述し、文章内に<script type="text/JavaScript" src="/v2/js/jpswitch.js"></script>を追加してください。

クッキーの変数

SJP=1(default)日本語表示する
SJP=0日本語表示しない

スタイルの切り替え内容

span.rm を表示(default)/非表示します。

メニューのスイッチ

これはおまけで作ってみました。fotter.html内に下記の記述があります。

<script type="text/JavaScript" src="/v2/js/menuswitch.js"></script>

クッキーの変数

MENU=2 メニューの内容を全て展開して表示する。
MENU=1(default)メニューを表示する(表示内容は各ファイルごとにスタイルシートで設定)
MENU=0メニューを表示しない

スタイルの切り替え内容

td.lmenu を表示(default,>MENU=2)/非表示します。(MENU=0)

m2,m3 をブロック表示します。(MENU=2) div.m1#information m2,div.m1#area m2は、それぞれIDまで付けてブロック表示を指定しないと反映されません。

プリントモードON

footer.html内に<script type="text/JavaScript" src="/v2/js/printon.js"></script>があり、通常のリンクタイプで記述されています。わざわざJavascriptにしてあるのは、Javascript offだと表示されないようにするためです。

<a href='javascript:reload()' onmousedown='print1()'>

プリントモードOFF

footer.html内に<script type="text/JavaScript" src="/v2/js/printoff.js"></script>があり、通常のリンクタイプで記述されています。

クッキーの変数

PRINT=1プリントに適した表示
PRINT=0(default)通常表示

スタイルの切り替え内容

table.header を表示(default)/非表示します。
tr.footmenu を表示(default)/非表示します。
td.lmenu を表示(default)/非表示します。
td.cline を表示(default)/非表示します。
table.contentの幅を100%にします。
   この設定により、用紙の幅いっぱいに印刷してくれるようになります。
table.footerの幅を100%にします。
span.noprintを表示(default)/非表示します。
   このクラスは印刷してもらいたくないものに適応させておくために作っておきました。

サンプル:印刷モードではこの下枠内が表示されません。

Printn modeでは表示されません。印刷してもらいたくない内容に使うことが出来ます。

クッキーの有効期限

現在設定していません。ブラウザを終了した時点で消去され、Defaultになります。

Nihongo hyouji ON/OFF sample(日本語表示ON/OFFサンプル)


uploaded: