[Gann]

Здравствуйте!

Есть такой файл:

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 1 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

Как сделать так, чтобы на странице разместить ссылку, при нажатии на которую появлялась бы всплывающая форма с указанными полями?

Установлены плагины Ninja Forms и Ninja modal

[feuer81]

как с помощью js и jquery знаю - делал на днях на лендинге... а на php хз... его использовал только как обработчик

[Gann]

feuer81, как обработчик - это как? У меня по сути php также будет обработчиком

[feuer81]

Gann,ну обработчик, который конкретно формирует и отправляет письмо на мыло.

[Gann]

feuer81, укажите код, пожалуйста. Чёт не могу понять как передать файлу-обработчику данные из формы

Код формы интересует.

[Vlad03]

В форме в атрибуте action прописываем путь к обработчику, как вариант. Либо через js.
Открытие формы в попапе делал плагином fancy box.

[Gann]

Vlad03,

добавил в хеадер код:

1

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Заказ бесплатного обратного звонка</h4>
</div>
<div class="modal-body">
<form id="form" class="form_online" action="/zvon.php" method="post">
<table>
<tr>
<td colspan="2">
<div style="font-size:18px; padding-bottom:10px;">Укажите номер телефона, по которому можно с вами связаться</div>
</td>
</tr>
<tr>
<td style="vertical-align: top">
<input type="text" style="width:200px;" id="phonenumber" name="phonenumber" value="">
</td>
<td style="vertical-align: top">
<input type="submit" name="call" value="Позвонить">
</td>
</tr>
</table>
</form>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
</div>
</div>
</div>
</div>

[свернуть]

На странице добавил кнопку:

<button class="zvon" data-toggle="modal" data-target="#myModal">Заказать звонок</button>

В файле zvon.php убрал нижнюю часть кода, оставил только то, что между php.

НЕ РАБОТАЕТ!

[DWIM]

Организация модального окна - прописать блок (внутри ваша форма), который изначально спрятан, а при клике на кнопку/ссылку появиться.
Для этого (если только стилями):
- в стилях описываете нужный блок и прячете его, к примеру свойством display:none
- добавляете кнопку и сразу обработчик яваскрипт, который будет включать отображение блока, к примеру display:block

Если нужно красиво - подключаете квери библиотеку или вообще бутстрап, и используете их возможности

[Gann]

DWIM, такое я также могу написать. Другое дело практика


___________________________________

В общем, сделал. Вот так:

<a href="/zvon.php" class="zvon" target="_blank" onclick="window.open('/zvon.php','Заказать звонок','resizable=yes,width=550,height=350, left=500,top='+(screen.availHeight/2-365)+'');return false;">Заказать звонок</a>