Посоветуйте как вывести страницу в popup-окне

jurvrn
(@jurvrn)

3 года назад
Есть плагин, который выводит свои данные (формы) прямо в указанную страницу или через шорткоды. Хотелось бы выводить эти данные (формы) во всплывающем окне.
Если использовать шорткоды то они нормально выводятся и исполняются.
Страницу напрямую тоже можно выводить, например, через iFrame. Но в таком случае трудно указывать размер фрейма, потому что размер страниц, а точнее выводящихся на ней блоков форм, меняется. И получается некрасиво, видны соседние элементы.
Кроме того, при выполнении форм сатраница должна обновиться.Во фрейме это работает нормально (если не смотреть на «некрасивость»), а когда работает форма в popup-окне — окно закрывается и соответственно, сообщение об успешном выполнении формы не появляется. И при новом открытии popup-окна там остаются сообщения от предыдущего его выполнения.
Наверно нужно сделать чтобы окно не закрывалось, и в нем показывалось финальное сообщение об успешности или неуспешности выполнения кода формы. Либо пусть первое окно закрывается, а второе с сообщением открывается…
Может есть ещё какие-то варианты как это сделать чтобы это было удобно пользователям.

Попробовать можно по сиреневой кнопке (шорткод), по голубой — форма через iFrame.
- Тема изменена 3 года назад пользователем Yui. Причина: пароли и логины на форуме выкладывать нельзя, никакие
Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 11 ответов — с 1 по 11 (всего 11)

Anonymous User 17160716
(@anonymized-17160716)

3 года назад

jurvrn, привет.

Много текста, в котором потерялся итоговый ваш вопрос 🙂 Есть плагины Fancybox — готовые решения, подходящие для создания всплывающих окон с контентом, в т.ч. и с формами. Вот популярный вариант, достаточно простой в настройке — https://ru.wordpress.org/plugins/easy-fancybox/.

UPD.: у вас там вообще непонятно как обработчик формы работает и что из себя представляет. Зачем там переадресация, даже при ошибке заполнения?

Модератор Yui
(@fierevere)

永子

3 года назад

@jurvrn
никакие пароли с логинами на форуме выкладывать нельзя.
Попробуйте предусмотреть иную возможность просмотреть вашу страницу без необходимости авторизации или выкладывайте HTML-код, скриншоты, скринкасты….

Автор jurvrn
(@jurvrn)

3 года назад

m0ze (@m0ze), привет !
Итоговый вопрос: что выбрать фрейм или шорткод, и как сделать так чтобы popup-окно вело себя как будто форма находится на странице?
easy-fancybox попробую

Yui (@fierevere), авторизация не нужна больше

Anonymous User 17160716
(@anonymized-17160716)

3 года назад

jurvrn,

что выбрать фрейм или шорткод

Шорткод.

и как сделать так чтобы popup-окно вело себя как будто форма находится на странице?

Вопрос не совсем понятен, но, полагаю, вы про AJAX говорите, чтобы форма реагировала на различные действия без закрытия поп-ап окна и без перезагрузки страницы. Верно?

Автор jurvrn
(@jurvrn)

3 года назад

m0ze (@m0ze),

Зачем там переадресация, даже при ошибке заполнения?

В «оригинале», когда форма на странице , страница переоткрывается и пользователю показывается сообщение об успехе или ошибке посмотреть можно по
http://jurvrn.ru/edit-their-events-page/

про AJAX говорите, чтобы форма реагировала на различные действия без закрытия поп-ап окна и без перезагрузки страницы. Верно?

Да, получается так.
Подскажите есть ли какое-то готовое решение для этого или с чего начать.

Anonymous User 17160716
(@anonymized-17160716)

3 года назад

jurvrn,

Подскажите есть ли какое-то готовое решение для этого или с чего начать.

Всё зависит от того, что у вас за форма. Если самопис — это однозначно доработка, если плагин, то нужно смотреть что за плагин и почему так криво работает, ну и можно ли замену подобрать более подходящую.

Автор jurvrn
(@jurvrn)

3 года назад

m0ze (@m0ze),
плагин Events Manager. Работает сам он не криво, плагин хороший, но как и другие подобные плагины у него функционал завязан на страницы wordpress. Я хочу его использовать в popup-окне. Но после отправки формы окно закрывается, при повторном открытии оно появляется со служебным сообщением … если попробуете увидите сами.

(http://jurvrn.ru/edit-their-events-page/?success=1 или если форма не проходит валидацию то в ней самой появляется сообщение об ошибке).

Во фрейме все сообщения показываются без закрытия popup-окна, внутри которого этот фрейм сидит, но там съезжает разметка.

Попробовать добавить событие можно по сиреневой кнопке (там шорткод) или по голубой (там iframe), авторизация не нужна.

Anonymous User 17160716
(@anonymized-17160716)

3 года назад

jurvrn,

Попробовать добавить событие можно по сиреневой кнопке (там шорткод) или по голубой (там iframe), авторизация не нужна.

You must log in to view and manage your events.

плагин Events Manager. Работает сам он не криво, плагин хороший, но как и другие подобные плагины у него функционал завязан на страницы wordpress.

Сам с ним не работал, но помню, на какой-то функционал у него AJAX есть, только, вроде, не на добавление событий.

var x
(@varx)

3 года назад

Посмотрите плагин QuickForm. Это новый плагин, только появился для WP. Может выводить формы и в модальном окне, и отправлять AJAX-ом. На данный момент, на мой взгляд, лучший конструктор форм в интернете. На других CMS это расширение уже давно используется.

Автор jurvrn
(@jurvrn)

3 года назад

m0ze (@m0ze), извиняюсь конечно за какие-то проблемы, но вот сделал скриншот где не произведен вход на сайт и форма по кнопке открывается
https://nimb.ws/W3JwrZ
сам плагин — https://wordpress.org/plugins/events-manager/
просьба ещё раз попробовать

Автор jurvrn
(@jurvrn)

3 года назад

varx (@varx), мне получается просто надо запретить закрывать модальное окно при отправке формы, чтобы оно оставалось висеть (окно создано на css, без JS)

Просмотр 11 ответов — с 1 по 11 (всего 11)

Тема «Посоветуйте как вывести страницу в popup-окне» закрыта для новых ответов.