Как отобразить webform в всплывающем окне

Сегодня хочу рассказать о простом способе как в Drupal отобразить веб-форму (webform) в сплывающем окне (pop-up окно). Для реализации данной задачи нам потребуются модули webform и colorbox, если еще не установили — скачиваем и устанавливаем.

Первым делом после установки модулей идем в настройки модуля colorbox (/admin/config/media/colorbox) и включаем функцию — Включить Colorbox для inline-элементов

Следующим этапом при помощи модуля webform создаем веб-форму с полями по своему вкусу, после добавления полей переходим в Настройки форм и в Расширенных настройках включаем Доступно как Блок (Опросник -> Настройка формы -> Расширенные настройки). Создаем блок (/admin/structure/block) или страницу в которую вставляем следующий код:

				
					<a class="colorbox-inline" style="width=400;height=400;inline=true" href="#webformblock_1">Заказать звонок.</a>
<div style="display: none;">
<div id="webformblock">
 /*php-функция*/
</div>
</div>
				
			

client-block-16 — меняем на номер своего блока — webform

PHP функция:

				
					<?php $block = module_invoke('webform', 'block_view', 'client-block-16'); print render($block['content']);?>
				
			

выводит блок веб-формы, при этом сам блок может быть выключен на странице настройки блоков (/admin/structure/block)

Сохраняем наш блок с кодом или страницу, проверяем, любуемся результатом

Свежие записи
Команда RD

Команда RD и RMDIR позволяют удалять как каталоги, так и

Web-Дизайн
help2site
Изменение размера шапки при прокрутке

В сегодняшней статье хотелось бы поговорить о анимации при прокрутке (скролле) окна браузера. Вы наверняка посещали сайты в которых при прокрутке окна элементы сайта меняют

Web-Дизайн
help2site
Как ускорить сайт на WordPress

В этой статье мы поговорим об ускорение времени загрузки сайта на CMS WordPress. Быстрая загрузка сайта необходима не только для удобства пользования сайтом посетителями, но

Web-Дизайн
help2site
Бизнес сайт на wordpress

Сайт на wordpress: юзабилити & некоторые «фишечки». Бизнес сайт на wordpress для заработка в сети интернет – это … Даже если вы не интернет-предприниматель и

Аndroid
help2site
DroidWall — настоящий фаервол для ОС Android

DroidWall — это первая программа для Android для контролирование доступа в сеть интернет для приложений. Теперь вы можете не волноваться об трате ценного трафика не

iOS
help2site
Установка Flash Player на Ipad полный обзор

Большое количество пользователей Ipad жалуются на то, что в Ipad не предусмотрено Поддержание Flash приложений. Думаю каждый из нас сталкивался с Adobe Flash Player, так

Web-Дизайн
help2site
Поиск в Drupal с помощью Views

Стандартный поиск в Drupal довольно ограничен и имеет минимум настроек. Модуль Custom Search способен немного расширить арсенал настроек для стандартного поиска , но некоторые вещи не под силу даже ему,

Web-Дизайн
help2site
Как сделать адаптивный (резиновый) слайдер изображений с помощью jQuery и CSS3

Прежде чем начать, скажу что нам потребуется подключить две внешних библиотеки: FlexSlider — плагин используемый разработчиками WooThemes, работает быстро без нареканий. Вы можете скачать плагин отдельно с официального сайта или