初心者なのですが教えてください。
ＨＴＭＬの中にJavaScriptを用いて
初めてプログラムを作ってみました。
ある画像があり、カーソルを動かすとｘ、ｙ座標を表示させる
プログラムを作りました。
今回これを改良したいのです。
画像の中に、人の絵がありまして、その人のところに
カーソルを持っていくと画面にその人の名前が表示されるようにしたいです。
たとえばｘ、ｙの座標、共に（２００、２００）の所に
その人物の中心があるとすれば、その前後±５０ぐらいの範囲で
この名前が表示されるようにしたいです。
まだまだ未熟で分からないことだらけなので、どなたか分かる方
ご指導ください。ヨロシクお願いします。
<html>
<head>
<title>情報収集</title>
</head>
<body>
<script type="text/javascript">
window.document.onmousemove = getMouseXY;
function getMouseXY(evt){
// x,yとpageX,Y
if (window.createPopup){
x = event.x + document.body.scrollLeft;
y = event.y + document.body.scrollTop;
}
else{
x = evt.pageX;
y = evt.pageY;
}
document.getElementById("result1").innerHTML = "(x,y) = "+x + ", "+y;
// offsetX,YとlayerX,Y
if (document.all){
cx = event.offsetX;
cy = event.offsetY;
}
else{
cx = evt.layerX;
cy = evt.layerY;
}
document.getElementById("result2").innerHTML = "(offsetX,offsetY) = "+cx + ", "+cy;
}
</script>
<IMG src="q600.jpg" name="img1">
<br>
<div id="result1"></div>
<div id="result2"></div>
<script type="text/javascript">
function eve1(e){
window.status="[ 座標位置 ] : "+"( x , y ) = "+"( "+x+" , "+y+" )";
return true;
}
document.onmousedown = eve1;
</script>
<script type="text/javascript">
function openWindow1(){
window.open("serv.html","OpenWindow","screenX=20,screenY=50,left=20,top=50,width=160,height=240");
}
document.ondblclick=openWindow1();
</script>
</body>
</html>
