QuickForm 3 - конструктор простых и сложных форм - страница 20 - Конструкторы форм

Так вы же модуль через зависимое поле грузите (аяксом). Каким образом на странице появятся его стили, если сама страница не перегружается? Либо грузите модуль вместе со страницей, либо загружайте его стили отдельно, заранее.

Так вы же модуль через зависимое поле грузите (аяксом). Каким образом на странице появятся его стили, если сама страница не перегружается? Либо грузите модуль вместе со страницей, либо загружайте его стили отдельно, заранее.

Спасибо! )

У меня несколько вопросов, ответы на которые никак не могу найти. Подскажите пожалуйста:


1. Как настроить переход на страницу благодарности после отправки сообщения. Заявка уходит нормально, но необходимо, чтобы при удачном отправлении сообщения, пользователя перебрасывало на страницу благодарности, как это реализовать? К примеру, пользователь заполнил форму, отправил и его перекинуло на страницу site.com/thankyou


2. Как настроить отображение related-fields в произвольном месте. К примеру, у меня в форме 12 полей, при изменении 3 поля, необходимо чтобы зависимое поле отображалось не сразу после 3, а к примеру между 7 и 8 полями. Как это можно сделать?


3. У меня возникает 403 ошибка при добавлении определенных полей в customhtml. К примеру, я могу добавить CSS background:...; но при добавлении background-image возникает ошибка 403. Всем файлам присвоил права 777, но всё равно эта ошибка возникает, как можно её устранить?


4. Возможно ли в форме добавить отображение нового блока в модальном окне? К примеру, в калькуляторе добавить кнопку, чтобы при нажатии на неё в модальном окне открывалась форма с контактами и на почту приходила заявка с данными калькулятора и формы.

5. Ещё подскажите пожалуйста как маску для поля телефона настроить? Чтобы поле заполнялось по заданному формату, к примеру
+7 (777) 777 77 77

1. В настройках кнопки submit есть поле redirect. Пишите туда адрес.
2. Зависимая группа полей выпадает сразу после родительской. Изменить это нельзя. Но можно обойти средствами CSS, например, абсолютным позиционированием.
3. Скорее всего, вы где-то делаете синтаксическую ошибку и не видите ее.
4. Это можно сделать, но сложно. Самостоятельно, скорее всего, не сделаете. Для разной разметки сайта и разных шаблонов может быть по разному, поэтому, только на пациенте.
5. В настройках поля атрибут pattern. Составляете его как вам нужно. Либо на js, - есть готовые плагины в изобилии на просторах интернет.

1. В настройках кнопки submit есть поле redirect. Пишите туда адрес.
2. Зависимая группа полей выпадает сразу после родительской. Изменить это нельзя. Но можно обойти средствами CSS, например, абсолютным позиционированием.
3. Скорее всего, вы где-то делаете синтаксическую ошибку и не видите ее.
4. Это можно сделать, но сложно. Самостоятельно, скорее всего, не сделаете. Для разной разметки сайта и разных шаблонов может быть по разному, поэтому, только на пациенте.
5. В настройках поля атрибут pattern. Составляете его как вам нужно. Либо на js, - есть готовые плагины в изобилии на просторах интернет.

Спасибо огромное за быстрый и ёмкий ответ!
Редирект получилось настроить, но теперь не могу скрыть сообщение после отправки формы. Как её можно отключить, за исключением CSS и почему редирект долго переходит?

Также хотел уточнить, как добавить input[checkbox] в формулу таким образом, чтобы она считалась только при активном чекбоксе. Сейчас работает расчет только, когда чекбокс отмечен, а когда не отмечен показывается error

3. Скорее всего, вы где-то делаете синтаксическую ошибку и не видите ее.

Я пробовал добавить конкретно 1 строку CSS background-image: url(); и background: url() ;
В первом случае выходит 403 ошибка, при том что это явно не синтаксическая ошибка.

[/size]
5. В настройках поля атрибут pattern. Составляете его как вам нужно. Либо на js, - есть готовые плагины в изобилии на просторах интернет.

[/size]


Добавил pattern в настройках, результата нет. Подключил рабочий js, который работает на этой же странице с другим полем, также не получилось вывести маску.


Вот код, который я использовал, он работает и на странице и на codepen и т.п., но не с формой. Пробовал добавить js в qf3.js результат, также нулевой.


  <input id="phone" type="text" class="form-control">




<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>


<script>
$(function(){
  $("#phone").mask("здесь маска, но нельзя отправить маску телефона в этом форуме");
});
</script>


Подскажите пожалуйста, как настроить маску?

Здравствуйте. Поставил локально Joomla 4 Beta 4. Если у вас есть для тестирования КвикФорм под  следующую версию Joomla, то с удоавольствием потестирую.

Подскажите пожалуйста, как настроить маску?

Скорее всего, вам нужно обратиться к более опытному пользователю. Я могу помочь с вопросами конкретно по QuickForm, а ваши вопросы общего плана, касаются  вебстроительства в целом. Или пишите через мой сайт в платную поддержку, я вам форму проработаю и настрою.

Здравствуйте. Поставил локально Joomla 4 Beta 4. Если у вас есть для тестирования КвикФорм под  следующую версию Joomla, то с удоавольствием потестирую.

Я делал под четверку года полтора назад. С тех пор всё изменилось и код уже не актуален. Думаю, слишком рано ей заниматься.

Скорее всего, вам нужно обратиться к более опытному пользователю. Я могу помочь с вопросами конкретно по QuickForm, а ваши вопросы общего плана, касаются  вебстроительства в целом. Или пишите через мой сайт в платную поддержку, я вам форму проработаю и настрою.

Так сама маска работает ведь. Она не работает только в Вашей форме. Вопрос не касается того, как создать маску в принципе, а того, как сделать чтобы она работала в QuickForm 3

Также хотел уточнить, как добавить input[checkbox] в формулу таким образом, чтобы она считалась только при активном чекбоксе. Сейчас работает расчет только, когда чекбокс отмечен, а когда не отмечен показывается error

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

К примеру, у меня стоит чекбокс в виде дополнительных материлов. Если поставить галочку, то калькулятор считает +123, а если галочку убрать, то калькулятор считает +0 или вообще не считает чекбокс

Не отмеченный checkbox во внимание не принимается. Читайте документацию https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

Форма QuickForm ничем не отличается от любой другой формы, тот же <form></form> и список стандартных полей. Не нужно писать, что у вас что-то не подцепляется, потому что QuickForm, или не работает, потому что QuickForm. Таким подходом вы ничему не научитесь.

Не отмеченный checkbox во внимание не принимается. Читайте документацию https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

Я использую метод рассчета "multipl", он работает корректно. Но когда добавляю поле чекбокса, выходит ошибка до тех пор, пока не отмечу чекбокс. То есть, когда он не активирован, в разделе результат показывается error, а когда активирован счет показывается правильно

Форма QuickForm ничем не отличается от любой другой формы, тот же <form></form> и список стандартных полей. Не нужно писать, что у вас что-то не подцепляется, потому что QuickForm, или не работает, потому что QuickForm. Таким подходом вы ничему не научитесь.

Вы создали очень хорошую форму и она действительно выполняет обширный список задач. Я не хотел сказать, что что-то не работает потому-что это QuickForm. Вы сами на вопрос касательно того, как поставить маску в поле контакты, ответили что маска не ставится, потому-что маска не относится к QuickForm и по этому вопросу надо обращаться к js разработчикам. Я на это сообщение ответил тем, что маска работает с полем input корректно, но она не работает в QuickForm. Я даже код нужного поля вырезал и он читал маску, но за пределами QuickForm, а конкретно в самой форма маска не работает.

Поэтому я написал, что этот вопрос относиться к QuickForm, потому-что только в этой форме маска не работает.

При этом, сама форма очень продумана и я выражаю огромную благодарность и уважение разработчикам этой формы.

Но мне нужен совет, как сделать, чтобы поле ввода телефона отображалось с маской +7 (999) 999 99 99. При том, что у меня есть код, который позволяет по id поля input активировать эту маску, но она не работает в QuickForm

Если у вас что-то где-то не получается, значит вы это делаете неправильно. В данном случае, вы чего хотите? Чтобы я догадался где вы ошибок наделали?

Если у вас что-то где-то не получается, значит вы это делаете неправильно. В данном случае, вы чего хотите? Чтобы я догадался где вы ошибок наделали?

1. Как сделать чтобы чекбокс ставился в расчет при активном статусе, а когда не активный его не брали в расчет?

Я использую метод рассчета "multipl", он работает корректно. Но когда добавляю поле чекбокса, выходит ошибка до тех пор, пока не отмечу чекбокс. То есть, когда он не активирован, в разделе результат показывается error, а когда активирован счет показывается правильно

2. Как поставить правильную маску, которая работает корректно, чтобы в форме QuickForm в нужном поле, по id стояла маска. Код, который я использую для этого работает корректно. Можете посмотреть по ссылке: https://codepen.io/Daniyar01/pen/WNwPdVw

Если у вас что-то где-то не получается, значит вы это делаете неправильно. В данном случае, вы чего хотите? Чтобы я догадался где вы ошибок наделали?

У Вас форма при добавлении в CSS background-image: url(); выдает 403 ошибку, при том, что насколько мне известно это правильный код CSS. Также возникает при добавлении ряда других кодов, js вообще в customhtml нельзя добавить. Почему Вы так уверены, что я ошибок наделал?

Конкретно по поводу чекбокса.


Я назначаю для input[checkbox] в разделе calculator>math числовое значение, которое должно использоваться в расчете. Беру id из раздела fieldid и вставляю его в расчет


Сама калькуляция выглядит следующим образом


fieldid(calculatorSum) = {fieldid(input[checkbox])} + {fieldid(других полей)}


К примеру так:
11.17=({11.5}+{11.6}+{11.7}+{11.21}+{11.18}+{11.19}+{11.9}+{11.10}+{11.11}+{11.12}+{11.13}+{11.14})*{1.19};


Расчет у меня показывается правильно только в том случае, если checkbox активирован. Если он не активирован, у меня показывает error.
Вопрос:
Как сделать, чтобы в случае если чекбокс не активирован расчет проводился без участия значения чекбокса.


А именно:


1. Активный чекбокс:



fieldid(calculatorSum) = {fieldid(input[checkbox])} + {fieldid(других полей)}

2. Не активный чекбокс



fieldid(calculatorSum) = {fieldid(других полей)}

Как сделать, чтобы в случае если чекбокс не активирован расчет проводился без участия значения чекбокса.

Он и так в расчет не принимается, я  вам написал уже. Ваша проблема в плохом знании математики.
К сожалению, не вижу смысла продолжать этот диалог без конкретной ссылки на сайт и упорном желании искать причины там где их нет.

Он и так в расчет не принимается, я  вам написал уже. Ваша проблема в плохом знании математики.
К сожалению, не вижу смысла продолжать этот диалог без конкретной ссылки на сайт и упорном желании искать причины там где их нет.

В общем решил этот вопрос следующим образом. Раньше я ставил числовое значение, а в выводе указывал формулу со знаками. В итоге, для использования чекбокса необходимо использовать числовое значение с нужным знаком и указывать его в формуле без знака. Спасибо за помощь, можете подсказать теперь как с маской решить вопрос?

Тут уже вообще без понятия, потому-что js работает на отдельной форме с аналогичным кодом, но в самой форме он как-будто игнорируется

Так вы же модуль через зависимое поле грузите (аяксом). Каким образом на странице появятся его стили, если сама страница не перегружается? Либо грузите модуль вместе со страницей, либо загружайте его стили отдельно, заранее.

Приветствую, попробовал ваши рекомендации, а именно загрузил стили и скрипты заранее,  через customPhp в основной части формы.
<?php
$doc = JFactory::getDocument();
$baseUrl = JUri::base();
$doc->addStyleSheet($baseUrl.'modules/mod_slideshowck/themes/default/css/camera.css');
?>
<?php
$doc = JFactory::getDocument();
$baseUrl = JUri::base();
$doc->addScript($baseUrl.'media/com_slideshowck/assets/jquery.easing.1.3.js');
?>
<?php
$doc = JFactory::getDocument();
$baseUrl = JUri::base();
$doc->addScript($baseUrl.'media/com_slideshowck/assets/camera.min.js');
?>
Проверил в коде браузера, стили и js загружаются:
   <link href="http://.../modules/mod_slideshowck/themes/default/css/camera.css" rel="stylesheet" />
   <link href="http://.../modules/mod_joomspirit_slider/assets/css/style.css" rel="stylesheet" />
   <script src="http://.../media/com_slideshowck/assets/jquery.easing.1.3.js"></script>
   <script src="http://.../media/com_slideshowck/assets/camera.min.js"></script>

А в зависимом поле  вывожу сам модуль

<?php jimport( 'joomla.application.module.helper' );
$params['style'] = 'xhtml'; $module = JModuleHelper::getModuleById('91');
echo JModuleHelper::renderModule($module, $params);?>

Но кроме заголовка модуля никакой активности.

Не подскажите какие нибудь идеи, как можно решить этот вопрос?)

Значит ваш модуль не умеет работать с динамическим контентом. У него js отрабатывает один раз сразу после загрузки страницы и все. Если что-то на ней потом появляется, он этого уже не видит. Очевидно, что вам его перезапускать нужно.

Добрый день! Подскажите пожалуйста использую cloner в форме, при нажатии на + переходит в начало страницы, как это убрать? Извините если уже было, не нашел.

Значит ваш модуль не умеет работать с динамическим контентом. У него js отрабатывает один раз сразу после загрузки страницы и все. Если что-то на ней потом появляется, он этого уже не видит. Очевидно, что вам его перезапускать нужно.

Благодарю за ответы)) Вообщем ничего не получается, даже пробовал самый простой слайдер.Работает только на главной странички формы.Выход из ситуации - использовать слайдер на js и прописать код в customPhp зависимых полей.
Надеюсь когда нибудь появится функция вставки модулей)

Кто знает как маску к input в форме подключить? Пробовал через js.masked.input и аналогичные методы, всё работает, но за пределами формы. Мне нужно, чтобы поле телефон заполнялось по маске как здесь: https://codepen.io/Daniyar01/pen/WNwPdVw.


Подключал маску на отдельное поле внизу формы и над формой, везде работает, кроме самой формы. Добавлял код js в файл qf3.js, результата нет.


Подскажите пожалуйста, как подключить рабочий скрипт маски ввода (можете проверить код по ссылке: https://codepen.io/Daniyar01/pen/WNwPdVw) телефона к форме?

Кто знает как маску к input в форме подключить? Пробовал через js.masked.input и аналогичные методы, всё работает, но за пределами формы. Мне нужно, чтобы поле телефон заполнялось по маске как здесь: https://codepen.io/Daniyar01/pen/WNwPdVw.

В общем, решил проблему самостоятельно.

Если кто-то хочет добавить маску, то надо добавить скрипт в components/com_qf3/assets/js/qf3.js не как js код, а как HTML между тегами <div class="в зависимости от формы"></div>

К примеру, у меня получилось так, вместо:
var newbox = $('<div class="qfstepperinner"></div>').insertAfter(box);

сделал так:
var newbox = $('<div class="qfstepperinner"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script><script>$(function(){$("#phone-mask").mask("+7 (999) 999-99-99");});</script></div>').insertAfter(box);

и маска начала работать.

Важно! Для работоспособности должен быть подключен jquery и к нужному полю добавить id. У меня id="phone-mask".

Осталось понять, как сделать, чтобы Сообщение после отправки формы * не отображалось. А то разработчики сделали это поле обязательным, а удалять через display:none или в целом убирать отображение через шаблон нет желания.

Зачем это поле обязательным делать? Может кто знает, как сделать его не обязательным?

Осталось понять, как сделать, чтобы Сообщение после отправки формы * не отображалось. А то разработчики сделали это поле обязательным, а удалять через display:none или в целом убирать отображение через шаблон нет желания.

Зачем это поле обязательным делать? Может кто знает, как сделать его не обязательным?

Решил вопрос.

Надо просто отключить required у нужного поля в /administrator/components/com_qf3/models/forms/project.xml и в админке самого компонента можно удалить текст и сохранить. В итоге, после отправки заявки будет перебрасываться на страницу благодарности без системных сообщений.

У меня форма состоит из 2 этапов. Один занимает много места, а второй гораздо меньше.


Подскажите, кто знает как сделать так, чтобы когда пользователь переходит на второй этап, он возвращался к началу форму?


Сейчас, при заполнении первого этапа, пользователь нажимает далее и остается на том же месте, надо проскролить вверх, чтобы увидеть второй этап