Вывод формы обратной связи в модальном окне
Материал из Umicms
Версия от 06:15, 29 августа 2011; Gordeev (обсуждение | вклад) (Новая страница: «Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в к…»)
Сделаем так, чтобы форма обратной связи открывалась не на новой странице, а выводилась в красивом окне в центре экрана.
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".