Вывод формы обратной связи в модальном окне — различия между версиями
Материал из Umicms
| Gordeev (обсуждение | вклад)  (Новая страница: «Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в к…») | Cmac (обсуждение | вклад)  | ||
| Строка 15: | Строка 15: | ||
| 4. Создаем форму обратной связи, если она не создана. И прописываем на нее ссылку, указав класс class="modal". | 4. Создаем форму обратной связи, если она не создана. И прописываем на нее ссылку, указав класс class="modal". | ||
| + | [[Категория:Модуль Обратная связь]] | ||
Текущая версия на 11:04, 8 сентября 2011
Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в красивом окне в центре экрана.
1. Скачиваем архив Медиа:fancybox.zip с файлами плагина.
2. Распределяем файлы по соответствующим папкам сайта (images, css, js) и подключаем скрипты и стили в теге head. Если к странице уже подключены скрипты Edit-in-place, то подключать jquery-1.3.2.min.js не нужно.
3. Также в head прописываем скрипт, который укажет, что ссылки с классом modal следует выводить в модальном окне:
<script type="text/javascript">
$(document).ready(function() {
    $("a.modal").fancybox();
});
</script>
4. Создаем форму обратной связи, если она не создана. И прописываем на нее ссылку, указав класс class="modal".
