- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：USEMAPでの指定区域にマウスオーバー→画像popup、クリックで別窓映像表示させる記述）
USEMAPでの指定区域にマウスオーバー→画像popup、クリックで別窓映像表示させる方法はありますでしょうか？
このQ&Aのポイント
- 従来はCSSの処理で、画像にマウスオーバーした時に別の説明用画像をポップアップ表示する処理ができます。
- 今回はUSEMAPで指定した画像の一部の領域にマウスオーバーした時にポップアップを表示する方法を探しています。
- また、指定した領域をクリックすると対応したビデオ映像が別窓で表示されるようにしたいと考えています。
- totoro215
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞ネットで検索するとたくさん教えてもらえるのですが、USEMAP中で ＞の処理に関して、各々別の動作をするような解説は見つけられま ＞せんでした。 単純に、そのまま組み合わせてしまえばよいのでは？ ＜サンプル＞ <html> <head> <script type="text/javascript"> <!-- function A() { alert('クリックされた時の処理'); return false; } function B(m_id, f) { document.getElementById(m_id).style.display = f?'block':'none'; } //--> </script> </head> <body> <img src="002.jpg" usemap="#UserMapName"> <div id="mes" style="width:12em; background:#FF0; display:none;"> メッセージとか画像とか </div> <map name="UserMapName"> <area shape="rect" coords="10,10,50,50" href="#" onclick="return A()" onmouseover="B('mes',true)" onmouseout="B('mes')"> </map> </body> </html>
お礼
大変適切なご指導ありがとうございました。 教えていただいた手順にてバッチリ動作しました。 感謝しております！ <(_ _)>