人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: yurafua
●カテゴリ:コンピュータ
✍キーワード:ひとつ サイト セル マウス 作成
○ 状態 :終了
└ 回答数 : 4/5件

▽最新の回答へ

1 ● nao_st202
●17ポイント

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

はてな

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では元々指定されている背景色を指定するのがベター)

◎質問者からの返答

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

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

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


2 ● qwhr
●17ポイント

http://tohoho.wakusei.ne.jp/lng/199910/99100089.htm

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

◎質問者からの返答

出来ました。

ありがとうございます!


3 ● moc
●18ポイント

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

Excite エキサイト

URLはダミーです。

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

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

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

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

◎質問者からの返答

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

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


4 ● finalvent
●18ポイント

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ