Подключение blohher UI

Сначала подключите скрипты и стили:

$D[‘js’][] = ‘jquery.blohher.drag’;
$D[‘js’][] = ‘jquery.blohher.ui’;
$D[‘css’][] = ‘boxui’;

А теперь нужно будет добавить в конец страницы пока не видимый код окна:

А теперь еще нужно и инициализацию провести, а так же допишем функцию, имитирующую стандартный alert – назвем её box:

Отказ от JQuery UI

Если вы хотите использовать мой UI, скачайте Файлы blohher.ui.7z

Краткая документация:

Регистрируем окно UI, указывая необходимые callback-функции:

$(‘#ui-dialog’).blohherui({
cbUiClose : anyShow,
cbUiOk : function(){ any1(); any2(); },
cbUiShow : anyHide
});

Собственная кнопка закрытия окна

$(‘#ui-close-link’).click(function(){
$(‘#ui-dialog’).blohherui(‘uiClose’);
});

А вот так можно заменить текст сообщения и надпись на кнопке

$(‘#ui-dialog .ui-buttons button span’).html(‘1’);
$(‘#ui-dialog .ui-text p’).html(‘2’);

Фунцкии:

  • uiReg(options) – явно не указывается, просто передавайте объект опций
  • uiShow() – показать окно
  • uiClose() – закрыть окно

Ссылка на пример использования: удалена после переноса сайта на WordPress