<HTML>
<HEAD>
<TITLE>フォント</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var msg="<center><font size=7>ABCDEFGHIJKLMN<br>OPQRSTUVWXYZ<br></font><font size=6>あいうえお、かきくけこ、さしすせそ。</font><br><br><font size=5>ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>あいうえお、かきくけこ、さしすせそ。</font><br><br><font size=2>ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>あいうえお、かきくけこ、さしすせそ。</font></center>";
function font(col){
if ((document.nabe.fonttext.value.length==6 || document.nabe.fonttext.value.length==0) && (document.nabe.bgtext.value.length==6 || document.nabe.bgtext.value.length==0)){
var bg=col.bgtext.value
var color0="<center><font size=4 color=#000000>『現在のフォントのRGBは<font size=5>"+"'"+"#"+col.fonttext.value+"</font>"+"です"</font></center>";
var colorf="<center><font size=4 color=#ffffff>現在のフォントのRGBは"+"<font size=5>'"+"#"+col.fonttext.value+"'"+"</font>です』"</font></center><br><br>";
var bgcolor0="<center><font size=4 color=#000000>『現在のbgcolorのRGBは"+"<font size=5>'"+"#"+col.bgtext.value+"'</font>"+"です"</font></center>";
var bgcolorf="<center><font size=4 color=#ffffff>現在のbgcolorのRGBは"+"<font size=5>'"+"#"+col.bgtext.value+"'</font>"+"です』"</font></center><br>";
var back="<center><input type=button value=再選択 onClick=history.back()></center>"
document.write(back+color0+colorf+bgcolor0+bgcolorf+msg.fontcolor("#"+col.fonttext.value));
document.bgColor=bg;
}
else if (document.nabe.fonttext.value.length!=0 && document.nabe.fonttext.value.length<6){
alert("フォントcolorの文字数が少ないです");
}
else if (document.nabe.fonttext.value.length>6){
alert("フォントcolorの文字数が多いです");
}
else if (document.nabe.bgtext.value.length!=0 && document.nabe.bgtext.value.length<6){
alert("bgcolorの文字数が少ないです");
}
else if (document.nabe.bgtext.value.length>6){
alert("bgcolorの文字数が多いです");
}}
function clsf(){
document.nabe.fonttext.value="";
}
function clsb(){
document.nabe.bgtext.value="";
}
</SCRIPT>
</head>
<body>
<form name="nabe"><BR>
フォントcolorをRGB指定で<input type='text' size=7 name='fonttext'>に設定します。<input type="button" value="フォントcolor値 クリア" onClick="clsf()"><BR><BR>
bgcolorをRGB指定で<input type='text' size=7 name='bgtext'>に設定します。<input type="button" value=" bgcolor値 クリア " onClick="clsb()"><BR><BR>
<input type='button' value='表示' onClick='font(this.form)'>
</form>
プログラム概要
ここに書かれているプログラムをそのままコピーして貼りつければ使えます。
指定した色で表示したい文字を
var msg=" "
の" "の部分に記述します。
ここに書いた文字がそのまま新しいHTMLに
書かれるので、通常のHTMLのように<font>などのタグを使う事ができます。
ただし、記述で改行はおこなわないでください。（改行タグは使えます）
var color0,colorf,bgcolor0,bgcolorfは新しく表示したHTMLに現在指定している
RGBカラーを0＝黒、f＝白で表示します。
これらの記述が必要なければdocument.write（）の（）のなかの必要のない値を
消してください。（var color0・・・の部分は消しても消さなくても、どちらでもいいです）
var backは再選択ボタンを表示させるための物なので、必要なければcolorと同じように
消してください。
body部分の設定は基本的に自由におこなってください。だたし、<form name="nabe">、
<input type='text' size=？ name='fonttext'>、<input type='text' size=？ name='bgtext'>
は変えないでください。（sizeは変えても大丈夫です）
クリアの部分は必要がなければ書かなければ表示されなく、プログラムにも影響しません。
<input type='button' value='表示' onClick='font(this.form)'>はvalue以外は変えないでください。
プログラムの説明はこれで終わりです。ただ、フォントcolorだけを変えたい、bgcolorだけを変えたいという場合に
片方だけを記述しないで使うということはできません。その場合はこのプログラムを自分なりにアレンジするか、
メールを下されば変えたプログラムを送ります。
（たいした事をするわけではないから、書いてもいいんだけど、たぶんそんなことを必要とする人はいないだろう
から、めんどくさいしいいだろう）
この"JavaScript"は現時点で（'99 6/13）私が作り得る最高傑作（これが限界）です。
このプログラムを作るのにめちゃくちゃ時間かかった。（１２時間ぐらい、知ってる人がつくれば、ものの30分もあれば
余裕で作れるだろうなー。）
しかも、このプログラムはほとんど全く意味ない。例によってなんとなく、こんなプログラム作れるかなー？と考えて
作ってみた。まあ、フォントcolorとbgcolorを比較しながら色を調整できるから、もしかしたら便利かも？しれないな。(私は
自分が使うから便利かなー？と思う)
本当はRGBの１つ１つに2桁のテキストボックスを作って、バラバラに入力できるようにしようと思たんだけど、
できない事はないけど、いろいろボタンが増えたり、入力の順番を制限したりする事になりそうだったのであきらめた。
またそのまま同じページに表示しようと思っていたけど、うまくできずにページを新しく表示するようになってしまった。
さらに現在のそれぞれのRGBカラーの表示に指定したフォントcolorで表示するようにしようとしたが、
どうしてもうまくいかなかったため、しかたなく黒と白で表示して見えるようにする事になってしまった。
（これらの問題を解決できる人がいたら、解決してそのプログラムを教えてください。）
このままだと6桁の数字を入力することになり、入力数を間違えたりすることがおきると思ったので、
6桁入力していないと注意文が出るようにしてみた。（これだけでも、いろいろあって２時間かかった）
かなり荒いプログラムだけど、そこは初心者ということで見逃してください。やっと
本格的な？プログラムを作ったけど、１つにこんなに時間がかかっていては・・・。
このプログラムを使ってみて直したほうがよいところなどがありましたら、ぜひメールをください。
（自分では最高傑作と思っているので、よくわからない）
あとプログラムに詳しい人で、このプログラムを見てもっといい方法があるなどの情報があればメールをください。
また誰かこのプログラムを使用してみた人、いい使用方法を思いついた人がいたらメールをください。
（私はいい使いみちが全然思いつかない）
サンプル表示
