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

HTML+CSS+JavaScript

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

 

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

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

тема: событие возле курсора
 
 автор: tima2010   (07.09.2011 в 08:29)   письмо автору
 
 

привет!
как можно определить позицию курсора?
есть событие после его нажатия происходит:


$("#text").not(':animated').fadeIn("slow").html("OK").fadeOut("slow");


не могу понять как выводить текст прямо возле курсора?

спасибо!

  Ответить  
 
 автор: ONYX   (08.09.2011 в 05:27)   письмо автору
 
   для: tima2010   (07.09.2011 в 08:29)
 

Позиционируйте его абсолютно в соответствии с положением курсора на экране.
Что то вроде:


$("#text").css({position: 'absolute'});
$("#text").css({top:event.y,left:event.x});
$("#text").not(':animated').fadeIn("slow").html("OK").fadeOut("slow"); 

  Ответить  
 
 автор: tima2010   (08.09.2011 в 08:00)   письмо автору
 
   для: ONYX   (08.09.2011 в 05:27)
 

проблема в том, что не могу определить кроссбраузерно положение курсора

  Ответить  
 
 автор: ONYX   (08.09.2011 в 10:32)   письмо автору
 
   для: tima2010   (08.09.2011 в 08:00)
 

function mousePageXY(e)
{
  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
}


http://www.cyberguru.ru/web/html/javascript-samples-page42.html

  Ответить  
 
 автор: tima2010   (08.09.2011 в 15:33)   письмо автору
 
   для: ONYX   (08.09.2011 в 10:32)
 

Большое спасибо! Работает!

  Ответить  
Rambler's Top100
вверх

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