Модальные окна – общаемся с пользователем красиво (часть 1) / Скины и шаблоны - принципы, концепции, стандарты / Alto CMS http://79.174.14.219/comments/581/ ru noreply@altocms.ru noreply@altocms.ru Alto CMS v.1.5.0b1 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9877) http://79.174.14.219/t/581/#comment9877 http://79.174.14.219/581.html#comment9877 lifecom@hotmail.com Thu, 08 May 2014 11:13:18 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9882) http://79.174.14.219/t/581/#comment9882 http://79.174.14.219/581.html#comment9882 vshemarov@gmail.com Бутстраповские смотрятся «аппетитнее»Вы, видимо, не поняли — речь как раз и идет о том, что сейчас ВСЕ окна — бутстраповские! Они бутстраповские и по структуре HTML-кода, и по используемым CSS-классам, и по javascript-модулям. Т.е. Вы можете открыть инструкции Бутстрапа getbootstrap.com/javascript/#modals и действовать строго по ним — как оформляется окно, как управляется, вешать на него события и т.д.

В Альто лишь упорядочены некоторые вещи:

1) Шаблоны окон рекомендуется выносить в отдельные файлы и именовать их определенным образом, чтоб проще было впоследствии их находить, адаптировать, менять, наследовать, короче — чтоб удобней было с ними работать.

2) Создана javascript-обертка для унификации программного интерфейса работы со всеми окнами — и шаблонными, и системными (см. часть 2)]]> Thu, 08 May 2014 14:12:37 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9878) http://79.174.14.219/t/581/#comment9878 http://79.174.14.219/581.html#comment9878 lifecom@hotmail.com Thu, 08 May 2014 12:31:33 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9883) http://79.174.14.219/t/581/#comment9883 http://79.174.14.219/581.html#comment9883 vshemarov@gmail.com 
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
И вот точно такой же код применительно к сайту на Альто:
<!-- Подключаем шаблон окна -->
{include_once file="tpls/modals/modal.write.tpl"}
<!-- Добавляем кнопку для вызова этого окна -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-write">
Написать
</button>
И никакого js!]]> Thu, 08 May 2014 14:26:20 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9886) http://79.174.14.219/t/581/#comment9886 http://79.174.14.219/581.html#comment9886 sentient@lenta.ru
P.S. Есть мелкая бага в форме логина/регистрации: инициализация капчи навешена на щелчок по кнопке «регистрация», так что если открыть форму по кнопке «вход» и потом перейти на вкладку регистрации, картинка с капчей пустая. Лечится буквально одной строкой в нужном месте.]]> Thu, 08 May 2014 15:11:05 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9888) http://79.174.14.219/t/581/#comment9888 http://79.174.14.219/581.html#comment9888 vshemarov@gmail.com Таскать за собой все возможные модальные окна плохо...Согласен. Более того, есть соображения, как этого избежать: при вызове модального окна проверять, есть ли оно на странице, и если нет, то подгружать аяксом. Собственно, это одна из причин, зачем нужно было имя файла шаблона ставить в соответствие с ID окна — имя файла шаблона для подгрузки определяется автоматом.

Будет такое в будущих релизах.]]> Thu, 08 May 2014 18:41:06 +0400 Модальные окна – общаемся с пользователем красиво (часть 1) (comment #9879) http://79.174.14.219/t/581/#comment9879 http://79.174.14.219/581.html#comment9879 reverty@gmail.com Thu, 08 May 2014 12:53:41 +0400