Позиционирование всплывающего окна - PullRequest
Новая
       12

Позиционирование всплывающего окна

0 голосов
/ 23 сентября 2011

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

Спасибо

Ответы [ 2 ]

1 голос
/ 23 сентября 2011 
setPositionPopUp: function ($posObj, $dlg, topOff, leftOff) {
            var dl = $dlg.get(0);
            if ($dlg.length == 0) {
                return;
            }

            if (topOff == null)
                topOff = 20;
            if (leftOff == null)
                leftOff = 20;

            var v = $posObj.offset();
            dl.style.position = "absolute";
            dl.style.top = (v.top + topOff) + 'px';
            dl.style.left = (v.left + leftOff) + 'px';
            dl.style.zIndex = "10000";
            $dlg.fadeIn("slow");
        }

Я использовал приведенный выше код для достижения того, что вы хотите.Если вы не хотите включать весь файл jquery ui.

Вы можете назвать его следующим образом: 

setPositionPopup($('.colors_box'), $('img'));

Очевидно, правильно выберите селекторы.

1 голос
/ 23 сентября 2011

Я вижу, что вы используете jQuery на странице, почему бы вам не попробовать утилиту позиционирования пользовательского интерфейса jQuery:

http://jqueryui.com/demos/position/

Это позволяет вам позиционировать любой элемент относительно другого элемента.

...