上手く探し出せないので ご協力お願いします。HP作成で表を使いオンマウスで ひとつのセルごとに背景色が変わるように設定したいのです。表の縦は一列 横が数列の例が出ているサイトを教えて下さい。(縦が複数列のサイトは見つけたのですが それを私に応用する技術が無くて・・・)よろしくお願いします

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答5件)

id:nao_st202 No.1

回答回数7ベストアンサー獲得回数0

ポイント17pt

URLはダミーです。

スタイルシートでやると簡単に出来ます。

オンマウスで背景色を変えるには

#行数1、列数4の場合

<TABLE>

<TR>

<TD onmouseover=”this.style.backgroundColor=’#000000’” onmouseout=”this.style.backgroundColor=’#FFFFFF’”>string1</TD>

<TD onmouseover=”this.style.backgroundColor=’#000000’” onmouseout=”this.style.backgroundColor=’#FFFFFF’”>string2</TD>

<TD onmouseover=”this.style.backgroundColor=’#000000’” onmouseout=”this.style.backgroundColor=’#FFFFFF’”>string3</TD>

<TD onmouseover=”this.style.backgroundColor=’#000000’” onmouseout=”this.style.backgroundColor=’#FFFFFF’”>string4</TD>

</TR>

</TABLE>

上記の場合、該当のセルの上にカーソルが来た場合に#000000(黒)に背景色を変えて、セル上からカーソルが出た場合に#FFFFFF(白)に背景色を変更します。(onmouseoutでは元々指定されている背景色を指定するのがベター)

id:yurafua

教えていただいたタグをそのまま コピーし HPビルダーの作成画面に貼り付けたところ「文字が正しくありません」というエラーが出ます。

無視して プレビュー画面を表示させて

 セル(文字)上に マウスを当てても 何の反応も無いです。

2003/08/23 10:25:59
id:qwhr No.2

回答回数277ベストアンサー獲得回数1

ポイント17pt

先の方の回答のサンプルを「’」とか「”」は半角に変換してみてください。 はてなの方で自動的に書き換えてしまってますので。

id:yurafua

出来ました。

ありがとうございます!

2003/08/23 11:00:21
id:moc No.3

回答回数56ベストアンサー獲得回数0

ポイント18pt

http://www.excite.co.jp/

Excite エキサイト

URLはダミーです。

>「文字が正しくありません」というエラーが出ます。

これは、”や’が全角のためでしょう。

半角に直して、再度実行してみて下さい。

おそらくnao_st202さんは、半角で入力したと思いますが、はてなに送信されたときに全角に変換されたものと思われます。

id:yurafua

ご返事が遅くなりました。ごめんなさい。

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

2003/08/26 16:52:30
id:finalvent No.4

回答回数321ベストアンサー獲得回数1

ポイント18pt

http://www.hatena.ne.jp/1061598338

上手く探し出せないので ご協力お願いします。HP作成で表を使いオンマウスで ひとつのセルごとに背景色が変わるように設定したいのです。表の縦は一列 横が数列の例が.. - 人力検索はてな

原理的にはnao_st202の回答であってますよ。私もビルダーで確認しましたから。エラーは、たぶん、はてなの都合でクオーテーションが全角化されているためです。なお、もうちょっとエレガントにCSSを指定することも可能なので、原理がわかったらCSSを整理しなおすといいと思います。

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 nao_st202 7 5 0 2003-08-23 10:55:08

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません