понедельник, 20 октября 2008 г.

jQuery: custom popup on center screen

При обработке событий джаваскриптом, часто надо показывать слой с результатом работы и ходом исполнения по центру экрана. Проблемы вычисления центра возникают если экран имеет вертикальную прокрутку, вот решение:

$(document).ready(function() {

var popupX = Math.round( ($(window).width() - $("#result_div").width()) / 2) ;
var popupY = $(document).scrollTop() + Math.round($(window).height()/2) - Math.round($("#result_div").height()/2);
$("#result_div").css({top: popupY+"px", left: popupX+"px"});
$("#result_div").slideDown("slow");
...

Комментариев нет: