Статьи, приемы, хитрости и Уроки по Photoshop, Illustrator, Web дизайну и кодингу.

Выводим форму модуля WEBFORM или CONTACT в popup окно (во всплывающее окно) в Drupal

Всем привет! Сегодня научимся закидывать форму обратной связи во всплывающее окно – чтобы красиво было. Для Drupal Задача – вывести форму обратной связи во всплывающем окне Для начала определим форму контактов в ноде (node) В Drupal 6 можно следующим образом:

 

<?php
  require_once drupal_get_path('module', 'contact').'/contact.pages.inc';
  print drupal_get_form('contact_mail_page');
?>

Далее подключаем скрипты colorbox (полностью архив плагина можно скачать на оф. сайте) – это скрипт, а точнее плагин, который позволяет использовать на сайте всплывающие popup окошки для фоток, видео и т.д. Можно подключать как и в шаблоне так и в документе php. Соответственно положил его я в корень сайта в папку /js/colorbox/

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>   <script type="text/javascript" src="/js/colorbox/jquery.colorbox-min.js"></script>
<link type="text/css" rel="stylesheet" href="/js/colorbox/colorbox.css" />
<link type="text/css" rel="stylesheet" href="/js/colorbox/style.css" />

Далее прописываем тело скрипта (блок и функцию)

 

<a class="inline" href="#show-block">
<img alt="форма обратной связи" title="форма обратной связи" src="/userfiles/obr_sviaz2.png" /></a>
<div class="hidden">
<div id="show-block"><?php
  require_once drupal_get_path('module', 'contact').'/contact.pages.inc';
  print drupal_get_form('contact_mail_page');
?></div>
</div>
<script type="text/javascript">
(function($) {
 $(document).ready(function() {
     $("a.inline").colorbox({inline:true});
 });
}(jQuery))
</script>

В Drupal 7 код, который вытащит тебе только форму с ноды типа webform. Выглядит так:

 

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

 

client-block-1 - id формы засунуть ее надо как раз в див id="show-block" который выводит блок внутри плагина colorbox. Проверяем – работает.

Последнее изменениеПонедельник, 16 Март 2015 11:15
  • Оцените материал
    (0 голосов)
  • Опубликовано в Web coding
  • Прочитано 7274 раз
SeRbGa

SeRbGa

мечтатель

Сайт: www.serbga.ru

Оставить комментарий

Комментарии  

SeRbGa
0 #4 SeRbGa 26.05.2016 12:50
Цитирую Дарья:
какой Вы молодец! а модуль popup поставить не пробовали? :cry:

не пробовал 8)
Цитировать
Дарья
0 #3 Дарья 26.05.2016 11:58
какой Вы молодец! а модуль popup поставить не пробовали? :cry:
Цитировать
SeRbGa
0 #2 SeRbGa 16.03.2015 11:17
Спасибо, поправил.
Цитировать
Амир
0 #1 Амир 16.03.2015 08:31
Добрый день исправьте ошибку еоторый - который
Цитировать

Добавить комментарий


Защитный код
Обновить

Наверх

Популярные статьи

  • 1
  • 2
  • 3
  • 4

последние комментарии

ON-Line Блог SeRbGa.ru предоставляет самую свежую и актуальную информацию для веб-дизайнеров и разработчиков в виде тематических материалов, уроков созданных собственноручно, а так же переводов статей и новостей, полученных с зарубежных информационных ресурсов.

Копирование материалов сайта разрешено только с указанием активной индексируемой гиперссылки на данный сайт!

ДИСКЛЕЙМЕР/DISCLAIMER:

Я сам вдохновляюсь материалами, которые предлагаются вам на обозрение, будь то интересные руководства или полезные и впечатляющие подборки (дизайнов, шаблонов, макетов и т.д.), и по возможности всегда сохраняется ссылка на источники, и сообщается  автор изображений, использованных в подборках или руководствах. Зачастую, ссылка на источник не ведёт напрямую к автору шедевра, но если кто-то захочет использовать какие-либо изображения, графические элементы, исходники, которые здесь предоставлены, то единственное требование, выставленное к перепосту, заключается в сохранении ссылки на источник, а также соблюдение условий лицензионного соглашения (если таковое имеется). Если кто-то желает модифицировать тот или иной продукт, изменить его, подкорректировать, то ему придется самостоятельно искать настоящего автора материала.