ベストアンサー

テーブルについて・・・

2002/05/22 19:09

カーソルをのせた表のバックカラーっていうのでしょうか、背景色を変えるにはどうすればいいんでしょうか？ところでこれはジャバスクリプトなんでしょうか・・・ジャバスクリプトは初めてなんです・・・。それとジャバスクリプトって、他に特別なプログラムをいれる必要があるんでしょうか？ジャバスクリプトの設定みたいなものが。あとこれもジャバスクリプトなのかわかんないんですが、テーブルに枠線を二重にするにはどうすればいいんでしょうか・・・？また枠の太さを個別に変える方法も教えてほしいです。それと枠と枠の間の間隔ってかえられるんでしょうか？教えてください、お願いします。

ketemizu
お礼率75% (91/120)

JavaScript
回答数3
ありがとう数3

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

lmeelm
ベストアンサー率52% (18/34)

2002/05/30 00:04 回答No.3

IEの535以上限定ですが、JavaScriptを一切使用せずにおっしゃっているようなことが可能です。 <HTML XMLNS:t="urn:schemas-microsoft-com:time"> <HEAD> <TITLE>セルの背景色を変える</TITLE> <STYLE type="text/css"> /*★★★ JavaScriptはもういらない!? ★★★★★★ ★　HTML+TIME　by～～(m--)m　ura@ad.il24.net　★ ★　URL　http://ad.il24.net/~ura/　　　　　　 */ .time{behavior: url(#default#time2);} /*★★★★★★★★★★★★★★★★★★★★★★*/ TD{width:150px;color:white;} --> </STYLE> <?IMPORT namespace="t" implementation="#default#time2"> </HEAD> <BODY> <TABLE border="1" cellpadding="2" cellspacing="0"> <TR> <TD id="td1" style="background-color:blue;" class="time" begin="td1.mouseover" end="td1.mouseout" timeaction="style" bgcolor="#660000">セル１</TD> </TR> <TR> <TD id="td2" style="background-color:blue;" class="time" begin="td2.mouseover" end="td2.mouseout" timeaction="style" bgcolor="#660000">セル２</TD> </TR> <TR> <TD id="td3" style="background-color:blue;" class="time" begin="td3.mouseover" end="td3.mouseout" timeaction="style" bgcolor="#660000">セル３</TD> </TR> <TR> <TD id="td4" style="background-color:blue;" class="time" begin="td4.mouseover" end="td4.mouseout" timeaction="style" bgcolor="#660000">セル４</TD> </TR> <TR> <TD id="td5" style="background-color:blue;" class="time" begin="td5.mouseover" end="td5.mouseout" timeaction="style" bgcolor="#660000">セル５</TD> </TR> <TR> <TD id="td6" style="background-color:blue;" class="time" begin="td6.mouseover" end="td6.mouseout" timeaction="style" bgcolor="#660000">セル６</TD> </TR> <TR> <TD id="td7" style="background-color:blue;" class="time" begin="td7.mouseover" end="td7.mouseout" timeaction="style" bgcolor="#660000">セル７</TD> </TR> <TR> <TD id="td8" style="background-color:blue;" class="time" begin="td8.mouseover" end="td8.mouseout" timeaction="style" bgcolor="#660000">セル８</TD> </TR> </TABLE> </BODY> </HTML> それから、枠線のことですが、こちらのツールを使うと便利だと思います。 http://ad.il24.net/~ura/time/border-style.htm スタールシートの属性一覧は、下記URLにあります。 http://ad.il24.net/~ura/css/ichiran.htm

参考URL：: http://ad.il24.net/~ura/time/sell_bgcolor_change_source.htm

質問者

お礼 2002/06/19 16:27

お礼おそくなってすいません。どうもありがとうございます。ジャバスクリプトなしでもできるなんて驚きです，どうもありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

lh_kl
ベストアンサー率30% (10/33)

2002/05/23 16:40 回答No.2

●表の背景色可変スタイルシートとjavascriptの合わせ技で実現できます。参考にしてください。 <table id="TBL" style="background-color:#ff0000" onMouseOver="TBL.style.backgroundColor = 'blue'" onMouseOut="document.all.TBL.style.backgroundColor = 'red'"> ●テーブルの枠二重線スタイルシートだけでも出来ます。 <td style="border-style:double"> のように。何かの動作（マウスクリックとか）で変える場合はjavascriptで操作することになります。 ●枠の太さも同じです。 <td style="border-style:double;border-width:5px 10px 15px 20px"> のようにすれば上、右、下、左の順に5,10,15,20ピクセルの太さになります。

質問者

お礼 2002/05/30 21:57

お礼遅くなってすいません。回答どうもありがとうです。テーブルの二重線できました！どうもありがとうございます。背景色の変更はまだやってません（汗汗タグうちにかなりてこずっていまして，するのは最後になりそうです・・・ホントにどうもありがとうございました。

質問者

補足 2002/05/30 21:59

すいません，僕の説明がわるかったようで（汗枠の太さの個別に変えるってのは，枠を二重線にしたときに内側の線と外側の線を別々にかえるってことなんです。教えていただけたら幸いです。ほんとにすいません。

ログインすると、全ての回答が全文表示されます。

sun66
ベストアンサー率44% (11/25)

2002/05/22 19:35 回答No.1

こんにちは！テーブルの背景色を変える方法 http://www.inter-cool.net/~ai/sumple/39.html これでいいのかわかりませんが、違っていたら、下記のＨＰなどで調べてみたください。ジャバスクリプトについてのHP そのままコピペして使えるものがおおいので初心者でも大丈夫だと思いますよ。 http://www.inter-cool.net/~ai/sumple/contents.html http://www.scriptsquare.com/usajava/index.htm http://homepage2.nifty.com/shokyusha/index.html また、これらのページからいろいろリンクをたどれば、いろいろ教えてくれるＨＰにたどり着けるかも・・・？

質問者