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

(Ответов: 8, Просмотров: 525)
  1. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,077
    • Репутация: 310
    Здравствуйте!

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

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


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

    Установлены плагины Ninja Forms и Ninja modal
    • 0
  2. арбитражу по ночам Аватар для feuer81
    • Регистрация: 30.10.2011
    • Сообщений: 2,107
    • Записей в дневнике: 2
    • Репутация: 464
    • Webmoney BL: ?
    как с помощью js и jquery знаю - делал на днях на лендинге... а на php хз... его использовал только как обработчик
    • 0
  3. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,077
    • Репутация: 310
    feuer81, как обработчик - это как? У меня по сути php также будет обработчиком
    • 0
  4. арбитражу по ночам Аватар для feuer81
    • Регистрация: 30.10.2011
    • Сообщений: 2,107
    • Записей в дневнике: 2
    • Репутация: 464
    • Webmoney BL: ?
    Gann,ну обработчик, который конкретно формирует и отправляет письмо на мыло.
    • 0
  5. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,077
    • Репутация: 310
    feuer81, укажите код, пожалуйста. Чёт не могу понять как передать файлу-обработчику данные из формы

    Код формы интересует.
    • 0
  6. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 371
    • Репутация: 32
    • Webmoney BL: ?
    В форме в атрибуте action прописываем путь к обработчику, как вариант. Либо через js.
    Открытие формы в попапе делал плагином fancy box.
    • 0
  7. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,077
    • Репутация: 310
    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.

    НЕ РАБОТАЕТ!
    • 0
  8. Дипломник Аватар для DWIM
    • Регистрация: 03.06.2012
    • Сообщений: 141
    • Репутация: 26
    Организация модального окна - прописать блок (внутри ваша форма), который изначально спрятан, а при клике на кнопку/ссылку появиться.
    Для этого (если только стилями):
    - в стилях описываете нужный блок и прячете его, к примеру свойством display:none
    - добавляете кнопку и сразу обработчик яваскрипт, который будет включать отображение блока, к примеру display:block

    Если нужно красиво - подключаете квери библиотеку или вообще бутстрап, и используете их возможности
    • 0
  9. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,077
    • Репутация: 310
    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>
    Последний раз редактировалось Gann; 03.02.2016 в 17:00.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Обратный вызов
Drupal 3 10.02.2016 22:15
Скрытые ссылки и текст в всплывающем меню
Web программирование 2 19.01.2015 00:31
Форма подписки в всплывающем окне (PopOver). Стоит ли делать?
Прочее 6 19.03.2014 16:16
[Модуль] Обратный звонок
DLE 2 10.07.2013 22:36
Комментирование фотографий в всплывающем окне
WordPress 0 04.01.2013 00:51

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры