チャットフォームで文字色をランダムに

質問

ローカルサーバーで簡易チャット使っているのですが、そこでチャット上でランダムで文字色を変えるプログラムを作りたいのですが、
<script language="javascript">
<!--//
function Changecolor()
{
strColorCode = "";
var arrColor = new Array("LightGreen",
～～～～～～～～～～～中略～～～～～～～～～～～～～
"DarkRed")
//処理スタート
nTemp = Math.round(Math.random()*63)
strColorCode = "#" + arrColor[nTemp];
document.fgColor = strColorCode;;
}
//-->
（登録している色の数は６３色）
といったプログラムを作ったのですが、onLoadで指定することで通常の文字色を変えることができたのですが、ここからチャットで使うことができません。
フォーム上での文字色の名前はcolorにしてあるのですが、valueで指定しても色は変わりませんよね？
どうすればチャットで文字色をランダムに変えることができるのでしょうか？
分かりにくい質問ですみません。よろしくお願いします。

回答No.1

mazimekko3 · ベストアンサー

「フォーム上の」というのは「textareaとかinput」のことですか？

function setCSS(strc){
for( i = 0; i < document.getElementsByTagName("textarea").length; i++) {
document.getElementsByTagName("textarea")[i].style.color = strc;
}
for( i = 0; i < document.getElementsByTagName("input").length; i++) {
document.getElementsByTagName("input")[i].style.color = strc;
}
}

を追加してChangecolor()の
document.fgColor = strColorCode;;を
setCSS(strColorCode);に変更してください。

fgColorはテキストの色しか変更できません。
textareaやinputに対してCSSを変更すればできるかと。

で、疑問に思ったのですが、
strColorCode = "#" + arrColor[nTemp];
って何がしたいのですか？
arrColorには色名が入っているのに#をつける意味が分かりません。

お礼

回答ありがとうございます。
strColorCode = "#" + arrColor[nTemp];のところは最初に１６進数で指定していたので消し忘れていただけです。
それとフォーム上で文字色をcolorとして

文字色 <select name=color>
<option value="#DF0000">赤
～～～～～中略～～～～～
<option value="#FF8040">オレンジ
</select>
と言う選択を付けているのですが、これでvalue="setCSS(strc)"としてもならないと思うのですが、どうやって指定すればいいのでしょうか？

回答No.3

mazimekko3

No2ですがミスってます。

気づいて修正してくれてると思いますが、
setCSSがgetCSSになってます。

そのまま文面どおりに写すとエラーになりますので。

回答No.2

mazimekko3

<select onchange="getCSS(this.options[this.selectedIndex].value);">

に変更してください。
選択しているoptionが変更されたとき、その新しく選択したoptionのvalueをgetCSS();の変数として実行します。

で、前回（No1）の回答ですが、
getCSSはtextareaとinputの全ての文字色を変更するようになってます。
背景食を変更したい場合は
document.getElementsByTagName("タグ名")[i].style.color = strc;を
document.getElementsByTagName("タグ名")[i].style.backgroundColor = strc;と変更してください。

お礼

ありがとうございました。
うまくできました。