Сначала подключите скрипты и стили:
$D[‘js’][] = ‘jquery.blohher.drag’;
$D[‘js’][] = ‘jquery.blohher.ui’;
$D[‘css’][] = ‘boxui’;
А теперь нужно будет добавить в конец страницы пока не видимый код окна:
Вы этого не прочитаете – я гарантирую
А теперь еще нужно и инициализацию провести, а так же допишем функцию, имитирующую стандартный alert – назвем её box:
Если вы хотите использовать мой 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
Блог розробника сайтів і електронних схем