WEBサイト制作中です。使用ソフトはDreamweaverMX2004です。
ちなみにjavascriptは一長一短ありますが、使いたい前提で宜しくお願いいたします。
「onMouse~~」のことです。
現在、javascriptでスワップイメージを指定してます。「ボタン」があり「画像」があり
「ボタン」にアクションをおこすと「画像」の入れ替えが行える、こういったものです。
HTMLを抜き取れば
onMouseOver="MM_swapImage"
onMouseOut="MM_swapImgRestore()"
です。
さて、この「onMouse~~」が希望と違うので書き換えたいのですが、
「onMouse~~」の基本的な知識、種類が分かりません。教えてください。
<現状>
上記の状態ではボタンにマウスポイントが触れているときに画像の変化(スワップイメージ)が起こります。
マウスポイントをボタンから離すと、画像の変化は解除されます。
これが現状のもの。
<こうしたい>
これをこのようにしたいのです。
「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」
きっと「onMouse~~」の書きかたがミソのはずだと思うのです。
onMouse~~って基本的にどのような種類、種類ごとの意味合いがあるのでしょうか?
お時間のある方はこの辺まで網羅して教えていただきますと本当に嬉しいです。
お時間のない方は上記の必要な部分のみどう変えれば良いかだけで有難いですので、お教えください。
「onMouse~~」について検索しましたが関係ないページがたくさん出てうまく検索できなかったんです。
皆様、どうぞ「onMouse~~」の記述の件、お教えください。
宜しくお願いいたします。
No.1
- 回答日時:
「onMouse~~って基本的にどのような種類、種類ごとの意味合いがあるのでしょうか?」
onMouseOverが、ポインタがボタンの上にあるときにだけ有効になり、そのポインタがボタンから外れたときにonMouseOutが有効になります。
「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」
onMouseOutを設定しなければ、onMouseOverで設定した画像に切り替わったままになります。
このページの「1: 通常のインラインなonmouseover」を見れば分かると思いますよ↓
http://allabout.co.jp/internet/javascript/closeu …
有難うございました。
「ボタンを“クリックしたら”スワップイメージが発動。
マウスポイントをそのボタンから離しても、スワップイメージが解除されず、持続できる。」
のうちの後者だけは
>onMouseOutを設定しなければ、onMouseOverで設定した画像に切り替わったままになります。
でよく分かりました。リンクの通りですね。参考になりました。
前者の“ボタンを“クリックしたら”スワップイメージが発動。”
これはどのように変化させれば対応できるでしょうか。
「onMouse~~」のような気もするし
「onMouse~~」でないような疑いもあります。今のところ分かりません。
有難うございました。
No.2ベストアンサー
- 回答日時:
> 「onMouse~~」の基本的な知識、種類が分かりません。
教えてください。参考URLの左フレームの下の方にあるイベントの項目に各"onMouse~"の説明へのリンクがありますよ。
> 「ボタンを“クリックしたら”スワップイメージが発動。
> マウスポイントをそのボタンから離しても、スワップイメージが解除され、持続できる。」
質問を拝見するとkoichan55さんは画像ボタンを作成したいようですね。
"onMouseOver"イベントはマウスポインタが、あるHTML要素(ここでは画像ですね)に当たっていた時に発生するイベントです。
一方、"onMouseOut"イベントはマウスポインタが、あるHTML要素から外れた時に発生するイベントです。
ボタンをクリック時にスワップイメージを発動させたいならば、"onClick"イベントを使用します。
参考URL:http://www.openspc2.org/JavaScript/reference4/in …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) VBA 画面上のカーソルに文字数字を入力するコードを教えて下さい 1 2022/10/30 10:31
- モニター・ディスプレイ 【ウルトラワイドモニター検討中】 2 2023/08/08 13:06
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- iOS Gragebandでのみ左クリックが有効にならない 1 2022/08/19 13:18
- Windows 10 (緊急)windowsのタスクバーやアプリ?が反応しない 3 2023/03/28 05:03
- プリンタ・スキャナー キャノンmp490プリンター【エラー番号5400】で【プリンタートラブルが発生しました。電源を入れ直 2 2023/07/24 17:45
- マウス・キーボード Bluetoothのクイックペアリングについて 8 2023/03/25 16:50
- その他(ブラウザ) Google検索中に… インハイTVを観たくて 情報収集のために Google検索をしていました。 2 2023/08/10 12:23
- Excel(エクセル) 【Excel】指定のセル内容を基に別シートのセルを検索して選択する【VBA】 1 2022/06/16 16:16
- Visual Basic(VBA) Powerpointでランダムな数字の結果を表示するマクロ 2 2023/08/04 10:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
HTML ラジオボタン nameの大文...
-
メールフォームでの送信確認か...
-
<FORM> </FORM> の中に さらに...
-
戻ると、記入フォームの内容が...
-
ボタンを押すと、テキストエリ...
-
参照ボタンの横に大きさを揃え...
-
UWSC
-
[html]<input type="file">タグ...
-
グーグルマップの文字化けで困...
-
c# 文字列の最後から1文字削除...
-
WCFのwsDualHttpBindingについて
-
DataGridViewのチェックボック...
-
Accessの画面更新を一時的に停...
-
エクセルVBA 別のブックのユ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報