Миткин попап X2POPUP

На днях 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())
Запись опубликована в рубрике Javascript (Jquery) с метками , . Добавьте в закладки постоянную ссылку.

Добавить комментарий