Особистий блог Blohher'a

Читай Blohher брат

Реклама Google
Популярність сайта і якісний пошук

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

Ссылка на краткую документацию: Отказ от JQuery UI

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

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

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

<div class="ui-dialog" id="ui-dialog" style="display: none; ">
<div class="ui-head">
<span class="ui-head-text">Сообщение системы</span>
<a href="#">
<span class="ui-close"> </span>
</a>
</div>
<div class="ui-text">
<p class="ui-dialog-text">
Вы этого не прочитаете - я гарантирую
</p>
</div>
<div class="ui-buttons">
<button type="button" class="ui-button">
<span class="ui-button-text"> Понятно </span>
</button>
</div>
</div>

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

<script type="text/javascript">
$(function(){
    $('#ui-dialog').blohherui({    });
});  

function box(strings)
{
    $('#ui-dialog .ui-text p').html(strings);
    $('#ui-dialog').blohherui('uiShow');
}
</script>
 

Залишити коментар

Нік
 
E-mail
 
Сайт
 
Текст
 

 
Blohher - Блог розробника сайтів