Вывод формы обратной связи в модальном окне — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в к…»)
 
 
Строка 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".