みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

クリックすると領域を表示するする質問

javascript色と画像についての質問です

ある画像にYEIIOWとGreenとBlueと書いてあり、その領域をクリックすると(これは画像です)
(これは色です)(これは背景色です)とそれぞれ表示させたいのですがクリックして文字を表示させるソースなどがいまいちわかりませんどなたかご教授ください
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>イメージマップの利用</title>
<script language="JavaScript" type="text/javascript">
<!--
var defaultColor="white"
document.bgColor=defaultColor;

function changeBG(color){
document.bgColor = color;
}
//-->
</script>
</head>
<body bgcolor="#ffffff">

<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="xxx1.html"
alt="yellow"


<area shape="rect" coords="202,2,374,42"
alt="green"
href="xxx2.html"


<area shape="circle" coords="546,66,42"
alt="blue"
href="xxx3.html"


</map></p>

</body>
</html>

投稿日時 - 2011-07-17 17:18:38

QNo.6881533

困ってます

質問者が選んだベストアンサー

こんな感じのことでしょうか。

<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>

投稿日時 - 2011-07-18 15:17:06

お礼

困っていたところにありがとうございます
参考にさせていただきます

投稿日時 - 2011-07-19 17:01:23

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問