【初心者】サイト作成に関して質問です。

画像の上にテキストを重ね、その両方に対して同様のonmouseイベントを発生させたいです。

現状は
<div id="content" onmouse="content_click()"></div>
<div id="content_text" onmouse="content_click()"></div>
としてるのですが、重なり合ってる要素に2度同じ関数を書くのは冗長のように感じてしまいます。

もっとシンプルに記述する方法はないでしょうか?
どうぞよろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/07/24 00:21:37
  • 終了:2007/07/31 00:25:04

回答(2件)

id:Marine-Blue No.1

Marine-Blue回答回数237ベストアンサー獲得回数122007/07/24 11:15:37

ポイント35pt

まずonmouseという属性は存在しないはずです…。

http://www.seo-equation.com/html/html/onmouseout

指定領域の重なり方によっては二重に指定するのが適切かもしれません。

また、画像の上にテキストの重なる場所にpositionプロパティを使って新たなブロックを重ね、そこへonmouseoverなどの属性を指定する方法はあるかもしれませんが、やり方次第では環境などによって想定外の動作を引き起こす可能性も考えられるので注意が必要です。

※ID名だけ書いてCSSを書かなかったりビルトイン関数の名前だけを書いてスクリプトの中身がどうなっているかを書いていなかったりするために非常に回答しづらいです。それと何かと初心者云々書く人がいますけど初心者であれば何かが許されるわけでもないのでご注意ください。あなた自信のためですよ?あなたがどうなろうとこっちの知るところじゃないんだ。

id:nortonjr

ごめんなさい。

色々と間違えました。

onmouseover="contents_mouseover"が正しいです。

不備が多かったから回答がなかなか付かなかったのですね。

反省します。

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

2007/07/25 00:16:10
id:aside No.2

aside回答回数339ベストアンサー獲得回数312007/07/24 16:47:42

ポイント35pt

一個上位にdivを用意すればいいっぽ?

<div onmouseover="content_click()">
	<div id="content"></div>
	<div id="content_text"></div>
</div>

http://q.hatena.ne.jp/

id:nortonjr

ありがとうございます。

2007/07/25 00:16:18

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません