Главная » Статьи » Веб-дизайн

Несколько всплывающих Contact Form на одной странице

Сокол писал про совместную работу плагинов Contact Form 7 и Easy FancyBox для реализации всплывающей контактной формы на сайте — вот тут.

Мне недавно занадобилось сделать несколько разных всплывающих контактных форм на одной странице. Я попыталась реализовать это вот так:

<a href="#contact_form_pop" class="fancybox">Контактная форма 1</a>
 <div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop">               
  {contact-form-7 id="1" title="Контактная форма"}
 </div>
 </div>
<a href="#contact_form_pop2" class="fancybox">Контактная форма 2</a>
 <div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop2">               
  {contact-form-7 id="2" title="Контактная форма"}
 </div>
 </div>
 

Оно заработало, но всплывала одна и та же форма, несмотря на то, что айдишники у форм были разные.

Тогда я попробовала сделать так:

<a href="#contact_form_pop" class="fancybox">Контактная форма 1</a>
 <div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop">               
  {contact-form-7 id="1" title="Контактная форма"}
 </div>
 </div>
<a href="#contact_form_pop_2" class="fancybox">Контактная форма 2</a>
 <div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop_2">               
  {contact-form-7 id="2" title="Контактная форма"}
 </div>
 </div>

Вот тогда заработало. Может кому пригодится.

 


Источник: http://web.warwolf.org/?p=1202
Категория: Веб-дизайн | Добавил: fotocom (06.04.2016)
Просмотров: 100 | Теги: ajax, скрипты для сайта, всплывающие окна | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *:

сайты фотоком
Посетите сайты студии ФОТОКОМ
Нижегородский фотобанк Панорама Нижнего Новгорода Фотоком-Арт Фотоком-Веб Свадебный альбом Фотоком-дети