Как разместить всплывающее окно размером 400 x 400 пикселей относительно клика, сохраняя в виде экрана

Question

Желательно с jQuery, так как это намного легче понять.

Следующее прекрасно работает для горизонтали.Вертикальная проблема может быть обрезана сверху, требуя от пользователя прокрутить вверх, чтобы увидеть все всплывающее окно.

Answer 1

Это должно быть довольно просто

<div class="popup" > test</div>

.popup
{
 position:absolute;
 width:400px;
 height:400px;
}

JQuery:

получить смещение родительского элемента, я имею в виду элемент click

$("#yourclickdiv").click(function (e) {
  var offset = $(this).offset();
  $(#popup).css('left',offset.left);    
  $(#popup).css('top',offset.top);
});

Это должно сделать это.

Answer 2

Примерно так должно работать:

$(document).click(function (e) {

  var x = e.clientX,
  y = e.clientY,
  width = $(window).width(),
  height = $(window).height();

  if( x > width - 400 ) x -= 400;
  if( y > height - 400 ) y -= 400;

  $('#popup').css({'top':y,'left':x});

});