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

Материал из Umicms
Перейти к:навигация, поиск

Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в красивом окне в центре экрана.

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".