🚀 go-pugleaf

はじめまして。よしだや＠swanetと申します。

In article <6frqrt$ktq$1@meshsv18.tk.mesh.ad.jp>, musicman.@anet.ne.jp says...
>
>ＪａｖａＳｃｒｉｐｔで質問があります。
>
>ページのバックカラーは
>document.bgColor
>で変更できますが
>セル（テーブル）のバックカラーは
>どうやって変更できるのでしょうか？

IE4.0専用でよろしければ、スタイルシートを使えばできます。
こんな感じでいかがでしょうか？

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=x-sjis">
<TITLE>Change Cell Color Sample</TITLE>
<STYLE TYPE="text/css">
<!--
.cl1{font-size:9pt;background:#ffff00;color:#000000;cursor:hand}
.cl2{font-size:9pt;background:#00ffff;color:#ff0000;cursor:hand}
-->
</STYLE>
<SCRIPT Language="JavaScript">
<!--
function changecolor(){
var ID = document.all[event.srcElement.id];

if(ID.className == "cl1"){
	ID.className = "cl2";
	}
else{
	ID.className ="cl1";
	}
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<TABLE>
<TR><TD WIDTH="300" id="id1" class="cl1" OnMouseOver="changecolor()" 
OnMouseOut="changecolor()">
マウスカーソルがセルに出入りすると</TD></TR>
<TR><TD id="id2" class="cl1" OnMouseOver="changecolor()" 
OnMouseOut="changecolor()">
セルのbgcolorが変わります。</TD></TR>
<TR><TD id="id3" class="cl1" OnMouseOver="changecolor()" 
OnMouseOut="changecolor()">
これを使ってメニューなんか</TD></TR>
<TR><TD id="id4" class="cl1" OnMouseOver="changecolor()" 
OnMouseOut="changecolor()">
作れるかもしれません。</TD></TR>
<TR><TD id="id5" class="cl1" OnMouseOver="changecolor()" 
OnMouseOut="changecolor()">
ただし、IE4.0 Onlyです。</TD></TR>
</TABLE>

</BODY>
</HTML>

----
よしだや＠すわねっと
mkyoshi@swan.ne.jp

フォローありがとうございます。

>>ページのバックカラーは
>>document.bgColor
>>で変更できますが
>>セル（テーブル）のバックカラーは
>>どうやって変更できるのでしょうか？
>IE4.0専用でよろしければ、スタイルシートを使えばできます。
ＩＥ４．０専用になってしまいますか。

>こんな感じでいかがでしょうか？
>マウスカーソルがセルに出入りすると
>セルのbgcolorが変わります。
>これを使ってメニューなんか
>作れるかもしれません。
>ただし、IE4.0 Onlyです。

まさにそのとおりです。
実際に試してみましたが
私の作りたかったものそのものです。
少し反応が遅いですが結構いいですね。
もう１つ考えがあるんですが
背景ではなくてフォンとカラーを
変えてもいいかもしれませんね。

スタイルシートを使わない場合
画像を貼り付けて
マウスカーソルが上に来ると
へこむようにしてもいいのですが
絵が描けない(^^;のと
重くなるのがいやだったので
結局やっていません（やれません(^^;）。

大変詳しいフォローどうもありがとうございました。
Youichi Noguchi