Как получить координаты x и y карты изображения в одном текстовом поле? - PullRequest
Новая
       29

Как получить координаты x и y карты изображения в одном текстовом поле?

0 голосов
/ 23 марта 2011

Я использую простой Javascript для генерации x- и y-координат карты изображения: 

<script language="JavaScript">
                function point_it(event){
                pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
                pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
                document.pointform.form_x.value = pos_x;
                document.pointform.form_y.value = pos_y;
                }
        </script>

С "form_x" и "form_y", имеющими разные текстовые поля в теле. Тем не менее, я бы хотел, чтобы оба выводили (pos_x, pos_y) в одном текстовом поле. Разделенные точкой с запятой или около того. Возможно ли это и кто-нибудь может помочь?

Большое спасибо за ваш вклад.

Жоэль

Ответы [ 2 ]

1 голос
/ 23 марта 2011

Попробуйте, если ваше новое текстовое поле с именем form_xy: 

document.pointform.form_xy.value = pos_x + ',' + pos_y;
0 голосов
/ 01 июня 2016 
<html>
<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;

document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;

}
</script>
</head>
<body>
<form name="pointform" method="post">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('image.jpg');width:500px;height:333px;">

</div>
You pointed on x = <input type="text" name="form_x" size="4" /> - y = <input type="text" name="form_y" size="4" />
</form> 
</body>
</html>
...