「onMouse～～」について教えてください

質問

WEBサイト制作中です。使用ソフトはDreamweaverMX2004です。
ちなみにjavascriptは一長一短ありますが、使いたい前提で宜しくお願いいたします。

「onMouse～～」のことです。

現在、javascriptでスワップイメージを指定してます。「ボタン」があり「画像」があり
「ボタン」にアクションをおこすと「画像」の入れ替えが行える、こういったものです。
HTMLを抜き取れば

onMouseOver="MM_swapImage"
onMouseOut="MM_swapImgRestore()"

です。

さて、この「onMouse～～」が希望と違うので書き換えたいのですが、
「onMouse～～」の基本的な知識、種類が分かりません。教えてください。

<現状>
上記の状態ではボタンにマウスポイントが触れているときに画像の変化（スワップイメージ）が起こります。
マウスポイントをボタンから離すと、画像の変化は解除されます。
これが現状のもの。

<こうしたい>
これをこのようにしたいのです。
「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」

きっと「onMouse～～」の書きかたがミソのはずだと思うのです。

onMouse～～って基本的にどのような種類、種類ごとの意味合いがあるのでしょうか？
お時間のある方はこの辺まで網羅して教えていただきますと本当に嬉しいです。

お時間のない方は上記の必要な部分のみどう変えれば良いかだけで有難いですので、お教えください。

「onMouse～～」について検索しましたが関係ないページがたくさん出てうまく検索できなかったんです。
皆様、どうぞ「onMouse～～」の記述の件、お教えください。
宜しくお願いいたします。

回答No.2

x_jouet_x · ベストアンサー

> 「onMouse～～」の基本的な知識、種類が分かりません。教えてください。

参考URLの左フレームの下の方にあるイベントの項目に各"onMouse～"の説明へのリンクがありますよ。

> 「ボタンを“クリックしたら”スワップイメージが発動。
> マウスポイントをそのボタンから離しても、スワップイメージが解除され、持続できる。」

質問を拝見するとkoichan55さんは画像ボタンを作成したいようですね。
"onMouseOver"イベントはマウスポインタが、あるHTML要素(ここでは画像ですね)に当たっていた時に発生するイベントです。
一方、"onMouseOut"イベントはマウスポインタが、あるHTML要素から外れた時に発生するイベントです。

ボタンをクリック時にスワップイメージを発動させたいならば、"onClick"イベントを使用します。

参考URL：

http://www.openspc2.org/JavaScript/reference4/index.html

お礼

大変参考になりました。
完璧なご回答で大変有難いです。
x_jouet_xさんに感謝いたします。
有難うございました！

回答No.1

PXU10652

「onMouse～～って基本的にどのような種類、種類ごとの意味合いがあるのでしょうか？」
　onMouseOverが、ポインタがボタンの上にあるときにだけ有効になり、そのポインタがボタンから外れたときにonMouseOutが有効になります。

「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」
　onMouseOutを設定しなければ、onMouseOverで設定した画像に切り替わったままになります。
このページの「1: 通常のインラインなonmouseover」を見れば分かると思いますよ↓
http://allabout.co.jp/internet/javascript/closeup/CU20050415A/

お礼

有難うございました。
「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」
のうちの後者だけは
＞onMouseOutを設定しなければ、onMouseOverで設定した画像に切り替わったままになります。
でよく分かりました。リンクの通りですね。参考になりました。

前者の“ボタンを“クリックしたら”スワップイメージが発動。”
これはどのように変化させれば対応できるでしょうか。
「onMouse～～」のような気もするし
「onMouse～～」でないような疑いもあります。今のところ分かりません。

有難うございました。