- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：クリックすると領域を表示するする質問）
画像をクリックして領域を表示する方法
このQ&Aのポイント
- 画像をクリックすると、それぞれの領域に関連する情報を表示する方法についての質問です。
- 質問者は、画像の特定の領域をクリックしたときに、その領域に関連するテキスト情報を表示する方法を知りたいとしています。
- HTMLのイメージマップを使用して、画像の特定の領域をクリックしたときに、関連するテキスト情報を表示する方法についての質問です。
- 74591111
- お礼率7% (10/132)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じのことでしょうか。 <script language="JavaScript" type="text/javascript"> <!-- function hoge(tx){ document.getElementById('hoge').innerHTML = tx; } //--> </script> <p><img src="images/map.jpg" width="598" height="117" alt="maptest" usemap="#map1"> <map name="map1"> <area shape="rect" coords="31,63,201,108" href="#" onclick="hoge('これは画像です');return false;" alt="yellow"> <area shape="rect" coords="202,2,374,42" href="#" onclick="hoge('これは色です');return false;" alt="green"> <area shape="circle" coords="546,66,42" href="#" onclick="hoge('これは背景色です');return false;" alt="blue"> </map> </p> <p id="hoge"></p>
お礼
困っていたところにありがとうございます 参考にさせていただきます