На днях mitka проанонсировал мне свой супер-бупер-мегаплагин всплывающих окон X2POPUP.
Скачать мегаплагин митки
Так как я стараюсь всё интересное сохранять в этом блоге, поэтому и плагин я увековечу.
Итак, вызов плагина:
$(function() { var $xp = $.x2popup({ html:'текст, который будетв модальном окне', modal: true, modalBg: true, closeButton: true }); });
Посмотреть пример работы можно кликнув здесь.
Можно задать конкретное местоположение окна по его верхнему левому углу(по умолчанию располагается по центру экрана)
$(function() { var $xp = $.x2popup({ html:'текст, который будетв модальном окне', left: 100, top: 400, modal: true, modalBg: true, closeButton: true }); });
Нажать и посмотреть, что будет.
Также можно описать функции при событиях onEnterPress и onClose:
var $xp = $.x2popup({ html:'текст, который будетв модальном окне', modal: true, modalBg: true, closeButton: true, onEnterPress: function() {}, // нажатие enter на текстовом поле внутри попапа onClose: function() { alert("привет") } // при закрытии окна });
Имеется пара своих навязанных события. Их можно вызвать так:
... $xp.trigger("close"); // закрыть попап $xp.trigger("shake"); // паркинсон у попапа $xp.trigger("center"); // установить окно в центр экрана ...
Посмотреть как это выгядит.
Дополнено: в 62 строке плагина высчитывать left необходимо так:
left: ($(window).width() / 2 - $xp.width())