www.seomark.ru |
Веб-дизайн и поисковая оптимизация |
|
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Создание формы обратной связи
Применение jQuery для формы обратной связиВ предыдущих статьях рассказывалось о применении плагинов jQuery для формы обратной связи (см. статьи "Календарь в форме обратной связи", "Оформление формы обратной связи на сайте", "Значки +/- для ввода чисел в форме обратной связи"). Теперь рассмотрим несколько примеров вывода формы обратной связи на сайте. Хотя простое размещение полей формы на странице по-прежнему остается основным способом её показа, но с помощью плагинов jQuery можно сделать это более оригинально. Существует множество самых разнообразных плагинов для вывода формы в виде выдвигающихся окон, всплывающих подсказок и других ухищрений, но во многих случаях не обязательно устанавливать новые плагины, а достаточно использовать уже имеющиеся на сайте. Практически на любом сайте используются плагины фотогалерей для вывода увеличенных изображений. Обычно они позволяют выводить не только картинки, но и другой контент. В частности, нас интересует вывод страницы с формой обратной связи, то есть HTML-кода. Рассмотрим, как для этой цели можно применить популярные фотогалереи Fancybox и Prettyphoto. Установка и настройка этих и других плагинов jQuery подробно была рассмотрена ранее. Экспериментировать, как обычно, будем с созданной нами простейшей формой обратной связи. Легче всего организовать вывод этой формы с помощью плагина Prettyphoto (см. статью Установка фотогалереи Prettyphoto). Это может выглядеть в виде следующей ссылки (пример действующий): Вы можете оставить сообщение, заполнив следующую форму. HTML-код такой ссылки следующий: Как видим, в отличие от вывода изображений, здесь необходимо указать не только адрес страницы с формой обратной связи ( Не намного сложнее реализуется вывод формы обратной связи с помощью Fancybox. Для вывода HTML-страницы следует использовать следующую конструкцию ссылки: Размеры окна, в котором будет выведена страница, устанавливаются в коде инициализации (параметры width и height), или аналогично в файле jquery.fancybox-1.3.3.js также параметрами width и height (см. выше). Результат вывода формы обратной связи с помощью Fancybox выглядит следующим образом: Вы можете оставить сообщение, заполнив следующую форму. В обоих рассмотренных случаях дизайн окон можно менять с помощью настроек плагинов, о чем также подробно было рассказано в соответствующих статьях ранее. И конечно же, никто не запрещает вам привязать открытие окна к любой кнопке, например, так: HTML-код такой конструкции выглядит следующим образом: 22.11.2013 г. см. все статьи по веб-дизайну >> |
||
|
||
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Copyright © 2008 - Марк Розенталь e-mail: Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru Ключевые слова: форма обратной связи, отправка e-mail с сайта, плагины jQuery, скрипт формы обратной связи |