JavaScriptの文字色を変更したい。

[上に] [前に] [次に]
つばさ [E-Mail] [HomePage] 1999/04/19(月) 00:08:06
http://www4.airnet.ne.jp/wing-k/hpb4/newpage1.htm
こちらにテスト設置してある黄色い文字の方のJavaScriptの文字色を変更したいのです。
黒背景に見える様にカスタマイズしたいのですが、
何処を変更すれば良いのか…
元になるスクリプトも念のため書いておきます。
サポート掲示板がなかったので、どうぞよろしくお願いします。
Source



--------------------------------------------------------------------------------
*COPYして使ってください。
*はじめは文法や意味など何も考えずに(笑)緑色の部分を書き換えてみましょう。
もし、それで動作が変わったら、それがあなたが書き換えた部分の意味です。
//--あなたがむかし日本語を覚えた時のように(^-^)文法は無視してやってみましょう。


時間によって表示されるメッセ−ジが変わる古典的なスクリプトです。




<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

/*********************************************************************
* 時間別のメッセ−ジ サンプル
*
* -------------------------------------------------------------------
* 言語 : JavaScript
* 対象Browser : Netscape2,3,4,5/IE3,4,5
*
*
* ぺ−ジに入ると時間別のメッセ−ジが表示される古典的なスクリプトです。
* メッセ−ジを書き換えて使ってみてください。
* -------------------------------------------------------------------
* Toshirou Takahshi tato@fureai.or.jp
* Support http://www.fureai.or.jp/~tato/JS/BOOK/INDEX.HTM
* 改造は自由ですがバグやブラウザのバ−ジョンアップへの対応等の
* 情報には充分注意してご利用ください。
*/

function timeMsg(){

    //--ここに時間別のメッセ−ジと表示色を書いておきます
    var msg0=' 時です。'.fontcolor('#B8860B')
    var msg1=' 時です。'.fontcolor('#D2691E')
    var msg2=' 時です。'.fontcolor('#FF8C00')
    var msg3=' 時です。'.fontcolor('#E9967A')
    var msg4=' 時です。'.fontcolor('#DAA520')
    var msg5=' 時です。'.fontcolor('#FFD700')
    var msg6=' 時です。'.fontcolor('#9932CC')
    var msg7=' 時です。おは〜'.fontcolor('#7CFC00')
    var msg8=' 時です。'.fontcolor('#00FF00')
    var msg9=' 時です。'.fontcolor('#FF00FF')
    var msg10=' 時です。'.fontcolor('#FF4500')
    var msg11=' 時です。'.fontcolor('#FF00FF')
    var msg12=' 時です。ひる〜'.fontcolor('#1E90FF')
    var msg13=' 時です。'.fontcolor('#7B68EE')
    var msg14=' 時です。'.fontcolor('#FF4500')
    var msg15=' 時です。'.fontcolor('#1E90FF')
    var msg16=' 時です。'.fontcolor('#00CED1')
    var msg17=' 時です。'.fontcolor('#9932CC')
    var msg18=' 時です。'.fontcolor('#EE82EE')
    var msg19=' 時です。'.fontcolor('#9370DB')
    var msg20=' 時です。よる〜'.fontcolor('#008B8B')
    var msg21=' 時です。'.fontcolor('#DA70D6')
    var msg22=' 時です。'.fontcolor('#DB7093')
    var msg23=' 時です。'.fontcolor('#A0522D')

  return eval('msg'+(new Date()).getHours())
}

//-->
</SCRIPT>

</HEAD>
<BODY>

<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write((new Date()).getHours()+timeMsg())
//-->
</SCRIPT>
</CENTER>

</BODY>
</HTML>



Nobu3 1999/04/19(月) 03:05:45
ん?
文字色は変えてありますね・・・?
背景ならテーブルとかの背景を変えればいいですよね・・・?
で、変わってない黒字のほうですけども・・・
手っ取り早い方法は、呼び出し部分を

document.write(timeMsg());

にして、文字列最初に「0〜23」の数字を書き足せばいいと思います。
でも、HPのソースを見るとそのくらいできそうですが・・・
#全部同じ色にするのならわざわざこんな長いスクリプトを書く必要はありません。
#テーブルで色の指定をしてしまいましょう。

どうしてもこの方法でやるのならば、呼び出し部分を

document.write(timeMsg((new Date()).getHours()));

にして、

function timeMsg(timeH){
  var msg0=(timeH+'時です。').fontcolor('#ffff00');



}

のように変更してやれば、大丈夫だと思います。
以上いろいろ書きましたが、お望みのはありますか?

つばさ [E-Mail] [HomePage] 1999/04/19(月) 03:20:20
#全部同じ色にするのならわざわざこんな長いスクリプトを書く必要はありません。
#テーブルで色の指定をしてしまいましょう。
済みません、方法がわかりません。

テーブルの背景を黒にして、文字色を変更したいのです。
現在のところ、文字は、白か、黄色に変更したいのです。
私はホームページビルダー愛用者なため、HTMLが苦手です。
JavaScript は、初挑戦です。
優しい方法があれば教えてください。
設置してあるJavaScriptは、変更を加えていません。
黄色の文字の方だけ変更中です。
メモ帳で開いて変更しています。

とりあえず教えて頂いた方法を試して見ます。

Nobu3 1999/04/19(月) 03:54:31
すいません。ぱっと見で結構できるように見えたので。

テーブルのセル内の背景を変更するには、
<TD align="center" bgcolor="#ffffff">
の「bgcolor="〜"」を変更すればいいです。
今の場合は「bgcolor="#000000"」で黒になります。

テーブルの詳しいことは
http://www.tohoho-web.com/html/table.htm
に書いてあります。
ここのサイトは、他のタグもいろいろ勉強できますので頑張ってください。

つばさ [E-Mail] [HomePage] 1999/04/20(火) 00:24:40
Nobu3様。お返事ありがとうございます。
何度か試したのですが、表示されません。
現在は質問の状態に戻しました。
ちょっとに詰まってしまいました。

Nobu3 [E-Mail] 1999/04/20(火) 04:46:28
テスト中のページには2種類のテーブルがありますね?
やりたいのは「どちらの方法でもいいから背景は黒で、文字色は黄色のメッセージを出すテーブル」を作る。ということで良いですか?

これを前提とすると、上にあるテーブルの部分を

<TD bgcolor="#000000" align="center">
<font color="#ffffff">
<SCRIPT language="JavaScript">
<!--
printMessage();
//-->
</SCRIPT>
</font>
</TD>

に変えると、とりあえずはできます。
<TD>〜</TD>までをとりあえずコピーしてみてください。
NN3〜4.5とIE4ではちゃんと背景黒で文字列白になってます。

下のテーブルは厄介なので省略。
外してたら情けないけど・・・

Nobu3 [E-Mail] 1999/04/20(火) 04:47:52
すんません。黄色と白を間違えました。

つばさ [E-Mail] [HomePage] 1999/04/20(火) 22:53:48
http://www4.airnet.ne.jp/wing-k/hpb4/java.htm
ホームページビルダーとメモ帳を利用して、
ここまでカスタマイズできました。
あと一歩のところまで来ました。
もう少し、サポートしてくださいませ_(._.)_

つばさ [E-Mail] [HomePage] 1999/04/20(火) 23:03:10
document.write(timeMsg((new Date()).getHours()));
これをどの部分とおきかえれば良いのでしょうか?
function timeMsg(){
この部分かと思っていたのですが、うまく表示されません。



Nobu3 1999/04/21(水) 02:12:54
確かにあと少しですね。
しかし・・・こっちで来ましたか (^^;;;

まあ、ここまで来れば簡単です。
っていうか簡単な方法に変更して説明します。

document.write((new Date()).getHours()+timeMsg());



document.write(timeMsg());

に変更します。
次に、各メッセージの最初に「msg0」ならば「0時です」、「msg22」なら「22時です」に変更してやってください。0〜23のすべてをです。
これでうまく行きます。

#これでは、上に書いてあった方法と同じ方法での解決になってしまいますが

ま、あとは時間毎に色を変える事もできるので大丈夫でしょう。

つばさ [E-Mail] [HomePage] 1999/04/21(水) 03:06:16
[[解決]]
Nobu3様。
やっと望みどうりのカスタマイズができました。
何度もお手数をお掛けしまして申し訳ありません。
HTMLが苦手なものですから、飲み込みに時間がかかってしまいました。
ありがとうございます。

[上に] [前に] [次に]