<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<title>Документ без названия</title>
<script language="JavaScript">
$(document).ready(function(){
infoUp=new Array();
infoDown=new Array();
$("#pointer_div").mousemove(function(event) {
$("#pos").text("Текущая позиция мыши " + event.pageX + ", " + event.pageY );
});
// по клику показать точки нажития
$("#upArea").click(function(event){
alert($("#up").data('coordPoint'));
});
$("#downArea").click(function(event){
alert($("#down").data('coordPoint'));
});
$("#pointer_div").click(function(event){
var temp=new Array();
temp.push(event.pageX,event.pageY);
if(event.pageY<150)
{
infoUp.push(temp);
$("#up").data("coordPoint",infoUp );
}else{
infoDown.push(temp);
$("#down").data("coordPoint",infoDown );
}
});
});
</script>
</head>
<body>
<form style="">
<input id="upArea" type="button" value="Показать верхние" />
<input id="downArea" type="button" value="Показать нижние" />
<label id="pos"></label>
</form>
<div id="pointer_div" style=" width:100%; height:200px; position:relative; margin-top:15px;" >
<div id="up" style=" width:100%; height:100px; position:absolute; border:2px solid black;" ></div>
<div id="down" style=" width:100%; height:100px; position:absolute; margin-top:100px; border:2px solid black;" ></div>
</div>
</div>
</body>
</html>
По нажатию на кнопку должна считывать инфа из переданного мной coordPoint, и показывать сообщение с координатыми, но этого почему то не происходит, в fire bug видно что coordPoint добавляется
Нужно было быть внимательней и там где у меня стояло <input NAME="upArea" type="button" value="Показать верхние" />NAME поменять на ID и все заработало.
