chronoforms 5 и fancybox 3 - форма в модальном окне
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8930
от spro1
spro1 создал тему: chronoforms 5 и fancybox 3 - форма в модальном окне
Виталий, добрый вечер!
Давно я тут у Вас ничего не писал)) Вопрос вот какой:
На сайте есть форма, которую надо открывать во всплывающем окне и при этом после открытия заполнять одно из полей содержимым заголовка страницы.
Сайт на Joomla, форма сделана на chronoforms 5
подключен fancybox 3 и он же выводит форму в модальном окне
по нажатию на кнопку загружается модальное окно с формой.
Мне нужно после загрузки содержимого модального окна передать в форму заголовок страницы.
Пробовал такой код:
jQuery('#fancybox-container-1').load(function(){
jQuery(this).contents().find('div.myClass').append("Hallo, Welt!");
});
Но он не работает почему-то((
Увидел у вас на сайте в портфолио на сайте ivara.ru реализовано именно так, как мне и надо.
Если не сложно, поделитесь пожалуйста решением вопроса. Буду очень признателен!
А вообще, если честно, то я не нашел еще не одной толковой статьи на тему реализации формы в модальном окне, а ведь chronoforms 5 и fancybox 3- прекрасное решение. Возможно многим это будет полезно.
Заранее спасибо!
Давно я тут у Вас ничего не писал)) Вопрос вот какой:
На сайте есть форма, которую надо открывать во всплывающем окне и при этом после открытия заполнять одно из полей содержимым заголовка страницы.
Сайт на Joomla, форма сделана на chronoforms 5
подключен fancybox 3 и он же выводит форму в модальном окне
по нажатию на кнопку загружается модальное окно с формой.
Мне нужно после загрузки содержимого модального окна передать в форму заголовок страницы.
Пробовал такой код:
jQuery('#fancybox-container-1').load(function(){
jQuery(this).contents().find('div.myClass').append("Hallo, Welt!");
});
Но он не работает почему-то((
Увидел у вас на сайте в портфолио на сайте ivara.ru реализовано именно так, как мне и надо.
Если не сложно, поделитесь пожалуйста решением вопроса. Буду очень признателен!
А вообще, если честно, то я не нашел еще не одной толковой статьи на тему реализации формы в модальном окне, а ведь chronoforms 5 и fancybox 3- прекрасное решение. Возможно многим это будет полезно.
Заранее спасибо!
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
5 года 4 мес. назад #8931
от Wedal
Wedal ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
spro1, здесь есть нюансы.
Как вы вызываете всплывающее окно fancybox? Через AJAX или через Iframe? В случае фрейма скрипты вроде приведенного вами, бесполезны. В случае AJAX быть может это сработает - нужно пробовать.
Другой способ - передать необходимую информацию - в ссылке на вызов окна в виде параметра. Вроде link¶m=Заголовок. Правда в этом случае я бы предварительно кодировал заголовок в какой-либо формат, для передачи в URL, например, с помощью urlencode, а в форме, перед подстановкой, декодировал бы обратно.
Как вы вызываете всплывающее окно fancybox? Через AJAX или через Iframe? В случае фрейма скрипты вроде приведенного вами, бесполезны. В случае AJAX быть может это сработает - нужно пробовать.
Другой способ - передать необходимую информацию - в ссылке на вызов окна в виде параметра. Вроде link¶m=Заголовок. Правда в этом случае я бы предварительно кодировал заголовок в какой-либо формат, для передачи в URL, например, с помощью urlencode, а в форме, перед подстановкой, декодировал бы обратно.
Спасибо сказали: spro1
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8932
от spro1
spro1 ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
Вообще пробовал через фрейм, но я не знаю, как правильно.
Мне, по большому счету не критично, как будет реализовано. Уже много раз с таким вопросом сталкивался и все так и не решил. А потом увидел, что у вас сделано и решил написать.
Можете подсказать, как вы делали?
Мне, по большому счету не критично, как будет реализовано. Уже много раз с таким вопросом сталкивался и все так и не решил. А потом увидел, что у вас сделано и решил написать.
Можете подсказать, как вы делали?
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
5 года 4 мес. назад #8933
от Wedal
Wedal ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
spro1, я передавал данные в виде параметров URL. В форме их легко получить через общую конструкцию:
$form->data("your_param")
$form->data("your_param")
Спасибо сказали: spro1
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8934
от spro1
spro1 ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
Виталий, спасибо! Буду пробовать.
Но вообще на счет статьи по этому вопросу подумайте, пожалуйста))
Дельных инструкций я найти не смог, либо все очень старое и не актуальное, либо просто не рабочие решения.
Но вообще на счет статьи по этому вопросу подумайте, пожалуйста))
Дельных инструкций я найти не смог, либо все очень старое и не актуальное, либо просто не рабочие решения.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8935
от spro1
spro1 ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
Ивара кстати супер сайт у вас получился! Довольно не типовой и красивый, техническая реализация на высоте!
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
5 года 4 мес. назад #8936
от Wedal
Wedal ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
spro1, спасибо.
Статью довольно сложно написать, т.к. нужно сначала объяснить, как вообще пользоваться Chronoforms, а это потянет на целую серию.
К слову, Chronoforms мне нравится. Очень мощный компонент, но с высоким порогом вхождения. В связке с Fancybox 3 так вообще получается сказка.
Статью довольно сложно написать, т.к. нужно сначала объяснить, как вообще пользоваться Chronoforms, а это потянет на целую серию.
К слову, Chronoforms мне нравится. Очень мощный компонент, но с высоким порогом вхождения. В связке с Fancybox 3 так вообще получается сказка.
Спасибо сказали: spro1
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8937
от spro1
spro1 ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
Про Chronoforms согласен полностью и про Fancybox 3 тоже)
А статью можно для тех, кто уже знаком с этим компонентом, а таких не мало. Только тот кусок информации про модальные окна.
Использовать можно где угодно, вариантов очень много.
Вот к примеру как у вас на Иваре. Мне нужно в похожих вариациях сейчас на 3 разных сайтах сделать, просто заявка в модальном окне с передачей полей в форму.
Казалось бы, что тут сложного, но не все просто, когда ты не программист!
И это встречается достаточно часто.
А статью можно для тех, кто уже знаком с этим компонентом, а таких не мало. Только тот кусок информации про модальные окна.
Использовать можно где угодно, вариантов очень много.
Вот к примеру как у вас на Иваре. Мне нужно в похожих вариациях сейчас на 3 разных сайтах сделать, просто заявка в модальном окне с передачей полей в форму.
Казалось бы, что тут сложного, но не все просто, когда ты не программист!
И это встречается достаточно часто.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- spro1
- Автор темы
- Не в сети
- Захожу иногда
Less
Больше
- Сообщений: 32
- Спасибо получено: 0
5 года 4 мес. назад #8938
от spro1
spro1 ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
Виталий, а подскажите пожалуйста еще по поводу шаблона формы.
Насколько понимаю, у вас для формы сделан свой шаблон, в ссылке это видно (&tmpl=schedule)
Как это реализовано?
Насколько понимаю, у вас для формы сделан свой шаблон, в ссылке это видно (&tmpl=schedule)
Как это реализовано?
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
5 года 4 мес. назад #8940
от Wedal
Wedal ответил в теме chronoforms 5 и fancybox 3 - форма в модальном окне
spro1, в шаблоне, в корне сайта, создаете файл, аналогичный index.php, но другой, под ваши нужды. И далее, если в URL добавляете &tmpl, то будет загружен именно этот файл, а не index.php. Это используется обычно для файла вывода на печать и AJAX - component.php.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.