JQuery X, Y позиции отправить через AJAX

Question

Мне нужен пример, который использует jquery для отправки текущей x, y позиции <div> (верхнего левого пикселя) в файл php с использованием ajax, где позиция может быть обработана.

Answer 1

Принимая во внимание недавнюю версию JQuery, вы можете использовать следующее, если идентификатор вашего div - "divName":

$("#divName").offset();

Для справки: http://docs.jquery.com/CSS/offset

Answer 2

var cX = 0; var cY = 0; 
//Follow mouse around.. (platform independent, based on document dimensions, not window)
$().mousemove(function(e){ 
 cX = e.pageX;
     cY = e.pageY;
});

Тогда просто используйте переменные cX и cY, как вам нужно. Он автоматически учитывает смещения прокрутки. Очень просто / удобно, DHTML никогда не работал так хорошо!

если вам нужен только определенный элемент, вы можете получить его с помощью простых селекторов стиля css, например:

$("#myid").mousemove...
$(".myclass").mousemove...
$("table tr").mousemove...
$(".interestingdivclass .subclass input:checkbox").mousemove...

Следующий вопрос имеет компонент ajax:

отправка информации туда и обратно с AJAX

Answer 3

Для координат x, y вы можете использовать плагин размеров (функция положения): http://docs.jquery.com/Plugins/dimensions