Координаты курсора в талице <table>???

@philcrosoft · Регистрация: 19.09.2010

Студворк — интернет-сервис помощи студентам

Вот такой скрипт у меня, кторый определяет координаты курсора на странице

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
//**************************************************************
var IE = document.all?true:false; 
if (!IE) document.captureEvents(Event.MOUSEMOVE) 
document.onmousemove = getMouseXY; 
var tempX = 0; var tempY = 0; 
function getMouseXY(e) { 
if (IE) { 
tempX = event.clientX + document.body.scrollLeft; tempY = event.clientY + document.body.scrollTop; 
} else { 
tempX = e.pageX; tempY = e.pageY;}  
if (tempX < 0){tempX = 0;} 
if (tempY < 0){tempY = 0;}  
document.Show.MouseX.value = tempX - 2; document.Show.MouseY.value = tempY - 2; 
return true;} 
 
//************************************************************
function back_form2(x, y) 
{ 
 var i = 0; var intr = 0;
 for ( i = 0; i < ar_x.length; i++ ){ 
    if ( x >= ar_x[i] && x <= ar_x[i] + 2 ){
      if( y >= ar_y[i]  && y <= ar_y[i] + 2 ){ 
            intr = 1; 
          }
    }       
    }
 if ( intr == 0 ){
   opener.document.getElementById('xt1').value = x;
   opener.document.getElementById('yt1').value = y;
   opener.focus();
   window.close();
    }
  else {
      alert("click other position");
  } 
}

Ну и после нажатия возвращает к странице где значения заносятся в форму!
ableНе могу решить задачу, как сделать чтобы координаты начинались внутри таблицы <table> а не на странице!!!

Вот эта страница!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
</head>
<body topmargin="0" leftmargin="0" style="text-align: left;" vlink="#0000ff" alink="#0000ff" bgcolor="#dbecee" link="#0000ff">
<script type="text/javascript" src="scripts/lib_for_coord.js"></script>
<script type="text/javascript">
 
 
</script><script type="text/javascript">var ar_x = new Array();var ar_y = new Array();</script>
  <div id="main_menu">
    <table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" height="40">
      <tbody><tr>
        <td valign="middle" width="89%">
        <p align="center">
        
           <div align="right">
                         <tbody>
                          <tr>
                            <td class="cont_text" valign="top" width="307">
                          <form name="Show">
   <p align="center">
   <input name="MouseY" value="0" type="text">&nbsp;                
   <input name="MouseX" value="0" type="text"></p>
 
                            </tbody>
                            </div>
 
        
        </td>
      </tr>
      </tbody>
        </table>
  </div>
  <center>
  <div id="field" class="field">
    <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="1000" style="border-top:1px solid #FF0000; border-left:1px solid #FF0000; border-right:1px solid #FF0000; " height="641">
            <tr><td height="640" onclick="back_form2(document.Show.MouseX.value, document.Show.MouseY.value)">
 
        </td></tr>
        </table>
        </div>
  </center>
</body>
</html>

@philcrosoft · 21.10.2010, 22:27 **[ТС]**

Модераторы прошу всавить это сообщение вместо первого собщения!

В общем я сделал проще! вот страница html вместе с js мне нужно определение координат курсора в серой таблице! что координаты курсора верхнего левого угла таблицы ровнялись нулю, т.е. x=0; y=0

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Mouse coords</title>
<script> 
var IE = document.all?true:false; 
if (!IE) document.captureEvents(Event.MOUSEMOVE) 
document.onmousemove = getMouseXY; 
var tempX = 0; var tempY = 0; 
function getMouseXY(e) { 
if (IE) { 
tempX = event.clientX + document.body.scrollLeft; tempY = event.clientY + document.body.scrollTop; 
} else { 
tempX = e.pageX; tempY = e.pageY;}  
if (tempX < 0){tempX = 0;} 
if (tempY < 0){tempY = 0;}  
document.Show.MouseX.value = tempX - 2; document.Show.MouseY.value = tempY - 2; return true;} 
</script>
</head>
 
<body>
 
<div align="center">
    <table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" height="40">
      <tbody><tr>
        <td valign="middle" width="100%">
        <p align="center">
        
           <div align="right">
                         <tbody>
                          <tr>
                            <td class="cont_text" valign="top" width="100%">
                          <form name="Show">
   <p align="center">
   <input name="MouseY" value="0" type="text">&nbsp;                
   <input name="MouseX" value="0" type="text"></p>
 
    </tbody>
    </div>
    </td>
     </tr>
     </tbody>
    </table>
    <table border="0" width="900" cellspacing="0" cellpadding="0" height="84%">
    <tr>
    <td style="border: 1px solid #000080" bgcolor="#C0C0C0">&nbsp;</td>
    </tr>
    </table>
</div>
</body>
</html>

@philcrosoft · 24.10.2010, 13:38 **[ТС]**

Решение было найдено ))), однако теперь возникла сложность позиционировать абсолютные объекты, картинки с учётом координат в таблице! помогие сделать пжста, у меня не получается!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Mouse coords</title>
<script> 
window.onload=function() {
document.getElementsByTagName('table')[1].onmousemove = getMouseXY; 
};
var IE = document.all?true:false; 
var tempX = 0; var tempY = 0; 
function getMouseXY(e) { 
if (IE) { 
tempX = event.clientX + document.body.scrollLeft; tempY = event.clientY + document.body.scrollTop; 
} else { 
tempX = e.pageX; tempY = e.pageY;}  
if (tempX < 0){tempX = 0;} 
if (tempY < 0){tempY = 0;}  
var pos = findPos(document.getElementsByTagName('table')[1]);
document.Show.MouseX.value = tempX - 2 - pos[0]; document.Show.MouseY.value = tempY - 2 - pos[1]; return true;} 
 
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
    do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
return [curleft,curtop];
}
 
</script>
</head>
 
<body>
 
<div align="center">
    <table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" height="40">
      <tbody><tr>
        <td valign="middle" width="100%">
<p align="center">
        
    <div align="right">
          <tbody>
    <tr>
     <td class="cont_text" valign="top" width="100%">
    <form name="Show">
   <p align="center">
   <input name="MouseY" value="0" type="text">&nbsp;                
   <input name="MouseX" value="0" type="text"></p>
 
    </tbody>
    </div>
    </td>
     </tr>
     </tbody>
    </table>
    <p align="center">&nbsp;</p>
    <table border="0" width="700" height="329">
<tr>
<td style="border: 1px solid #000080" bgcolor="#C0C0C0">
<div style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; z-index: 1">
    <img border="0" src="img.jpg" width="100" height="100"></div>
    </table>
 </div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .