Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Вывод положения курсора на картинке в точках
 
 автор: 1prom   (26.06.2008 в 11:52)   письмо автору
 
 

Добрый день!

Подскажите, пожалуйста, кто знает, как сделать вывод положения курсора на картинке в точках по координатам х у, начиная с верхнего левого угла.


При перемещении курсора на картинке координаты должны меняться.


Заранее благодарен!

   
 
 автор: PAT   (26.06.2008 в 13:58)   письмо автору
 
   для: 1prom   (26.06.2008 в 11:52)
 

см. раздел "Координаты мыши" здесь

   
 
 автор: 1prom   (27.06.2008 в 11:38)   письмо автору
 
   для: PAT   (26.06.2008 в 13:58)
 

А как же узнать координаты края верхнего левого угла некого рисунка 1.jpg?

   
 
 автор: PAT   (27.06.2008 в 12:57)   письмо автору
 
   для: 1prom   (27.06.2008 в 11:38)
 

<html>
<head>
<style>
img {background-color: red}
div {background-color: silver; margin: 20px}
</style>
<script>
function myFunc (z)
{
var N1 = navigator.userAgent, L1 = T1 = 0, E1;
with (document.getElementById ('myDiv'))
   if (N1.indexOf ('MSIE') >= 0)
      innerHTML = 'X=' + event.x + '<br>Y=' + event.y;
   else if (N1.indexOf ('Firefox') >= 0)
      innerHTML = 'X=' + (z.layerX - 1) + '<br>Y=' + (z.layerY - 1);
   else if (N1.indexOf ('Opera') >= 0)
      {
      E1 = document.getElementById ('myPic');
      while (obj) {L1 += E1.offsetLeft; T1 += E1.offsetTop; E1 = E1.offsetParent}
      innerHTML = 'X=' + (event.clientX - L1) + '<br>Y=' + (event.clientY - T1);
      }
}
</script>
</head>
<body>
<div id="myDiv" style="height: 10%; text-align: center"></div>
<center>
<img border="0"
     id="myPic"
     width="246"
     height="135"
     style="position: relative" Это ОБЯЗАТЕЛЬНО!!! Здесь или в стилях.
     onmousemove="myFunc (event)"
     onmouseout="document.getElementById ('myDiv').innerHTML='';">
</center>
</body>
</html>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования