Chronoforms6 - модальное окно - ChronoForms - Форум русской поддержки Joomla!

Всем доброго времени суток. Возникла сложность с работой модального окна Chronoforms6. В тестовом режиме все работает, а вот на самом сайте отказывается загружаться модальное окно по кнопке формы. Модальное окно Choronofom6. Кто-нибудь сталкивался с этим? Как решить проблему?

Uncaught TypeError: Cannot read property 'forms' of undefined
at Object.$.G2.forms.ready (g2.forms.js:505)
at HTMLFormElement.<anonymous> (obratnaya-svyaz.html:68)
at HTMLBodyElement.dispatch (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at HTMLBodyElement.v.handle (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at Object.trigger (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at Object.a.event.trigger (jquery-migrate.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at HTMLFormElement.<anonymous> (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at Function.each (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at a.fn.init.each (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)
at a.fn.init.trigger (jquery.min.js?fea57cab5794fbeb1fc3142878a6df11:2)

Записан

Ragivort

Завсегдатай
1156
58 / 2
Такая Life

Re: Chronoforms6 - модальное окно

« Ответ #1 : 27.11.2018, 14:57:44 »

А вот это что obratnaya-svyaz.html ?
Там в формы как в окно передаются?

Записан

Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.

Ленка pro-alena

Новичок
2
0 / 0

Re: Chronoforms6 - модальное окно

« Ответ #2 : 27.11.2018, 15:40:59 »

Цитата: Ragivort от 27.11.2018, 14:57:44

А вот это что obratnaya-svyaz.html ?
Там в формы как в окно передаются?

Это страница, на которую грузится форма, а точнее на строку в скрипте "e.stopPropagation();"
<script type="text/javascript">
jQuery(window).on('load', function() {
            new JCaption('img.caption');
         });
var emailProtector=emailProtector||{};emailProtector.addCloakedMailto=function(g,l){var h=document.querySelectorAll("."+g);for(i=0;i<h.length;i++){var b=h,k=b.getElementsByTagName("span"),e="",c="";b.className=b.className.replace(" "+g,"");for(var f=0;f<k.length;f++)for(var d=k[f].attributes,a=0;a<d.length;a++)0===d[a].nodeName.toLowerCase().indexOf("data-ep-a8f4d")&&(e+=d[a].value),0===d[a].nodeName.toLowerCase().indexOf("data-ep-b382a")&&(c=d[a].value+c);if(!c)break;b.innerHTML=e+c;if(!l)break;b.parentNode.href="mailto:"+e+c}};

if (typeof RokBoxSettings == 'undefined') RokBoxSettings = {pc: '100'};
         jQuery(document).ready(function($){
            $.G2.boot.ready();
         });

setInterval(function(){jQuery.get("http://na-veka.spb.ru/obratnaya-svyaz.html");}, 300000);

   jQuery(document).ready(function($){
      $.G2.forms.invisible();

      $('body').on('contentChange.form', 'form', function(e){
         e.stopPropagation();
         $.G2.forms.ready($(this));
      });

      $('form').trigger('contentChange');
   });

   jQuery(document).ready(function($){
                              $('#button9').on('click', function(){
         $(".ui.modal.form-display-section1").modal({"closable":true,"inverted":true}).modal("show");      });
         });

   </script>
   <script type="text/javascript">
      jQuery(document).ready(function($){$("div.G2-joomla").trigger("contentChange");});
      </script>

Записан

markizmds

Захожу иногда
62
2 / 0

Re: Chronoforms6 - модальное окно

« Ответ #3 : 16.01.2019, 11:30:52 »

О! У меня такая же байда

Решение уже кто то нашел?

Лично я делал плавный переход по якорным ссылкам и у меня перестали работать вызовы модальных форм связи в Chronoforms6. Покопавшмсь выяснил что проблема в подключаемой библиотеке jquery.min.js

Вот натолкнулся в сети на якобы решение, но мне что то такое решение не очень.
https://joomla.stackexchange.com/questions/23080/chronoforms-6-jquery-g2-is-undefined
Сам лично не проверял, так как до конца не понял где и что менять.

Записан

markizmds

Захожу иногда
62
2 / 0

Re: Chronoforms6 - модальное окно

« Ответ #4 : 16.01.2019, 12:43:28 »

В общем поискав решение своей проблемы, я пришел к выводу подойти к вопросу с другой стороны. А именно решить вопрос способом, который будет обходить подключение библиотеки jquery.min.js. Главное добавить функционал по плавному переходу якорных ссылок.
Задача решена - на чистом js.
Так как конфликт вылез из за подключаемой библиотеки, значит кто-то так же как и я может с этим столкнуться. Ссылку на решение моего вопроса я не буду прикладывать, так как они не вечные, просто выложу тут код (проверенный и рабочий).

Код

var linkNav = document.querySelectorAll('[href^="#"]'), //выбираем все ссылки к якорю на странице
    V = 1;  // скорость, может иметь дробное значение через точку (чем меньше значение - тем больше скорость)
for (var i = 0; i < linkNav.length; i++) {
    linkNav[i].addEventListener('click', function(e) { //по клику на ссылку
        e.preventDefault(); //отменяем стандартное поведение
        var w = window.pageYOffset,  // производим прокрутка прокрутка
            hash = this.href.replace(/[^#]*(.*)/, '$1');  // к id элемента, к которому нужно перейти
        t = document.querySelector(hash).getBoundingClientRect().top,  // отступ от окна браузера до id
            start = null;
        requestAnimationFrame(step);  // подробнее про функцию анимации [developer.mozilla.org]
        function step(time) {
            if (start === null) start = time;
            var progress = time - start,
                r = (t < 0 ? Math.max(w - progress/V, w + t) : Math.min(w + progress/V, w + t));
            window.scrollTo(0,r);
            if (r != w + t) {
                requestAnimationFrame(step)
            } else {
                location.hash = hash  // URL с хэшем
            }
        }
    }, false);
}

Для тех кто не понял что с ним делать:
1. Создаете файл .js и в нем размещаете этот код.
2. Созданный вами файл заливаете на ХОСТ с сайтом.
3. Подключаете этой js к сайту - <script src="/templates/НАЗВАНИЕ ШАБЛОНА/js/ВАШ ФАЙЛ.js" type="text/javascript"></script>

Будут вопросы пишите.

П.С. Ставим + кому помог.

Записан

ChronoForms 6 Как настроить модальное окно Автор bybus	Ответов: 4 Просмотров: 6895	20.12.2018, 14:10:03 от markizmds
Зависимые поля ChronoForms6 Автор Anewcomer	Ответов: 1 Просмотров: 2047	25.11.2017, 07:40:59 от Ecos
Chronoform v 5 модальное окно Автор Panchitos	Ответов: 0 Просмотров: 1934	30.01.2017, 17:13:51 от Panchitos

Chronoforms6 - модальное окно - ChronoForms

Новости Joomla

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

👩‍💻 WT LLMs для Joomla: llms.txt, llms.json для AI-агентов.

Ленка pro-alena

Chronoforms6 - модальное окно

Ragivort

Re: Chronoforms6 - модальное окно

Ленка pro-alena

Re: Chronoforms6 - модальное окно

markizmds

Re: Chronoforms6 - модальное окно

markizmds

Re: Chronoforms6 - модальное окно

Похожие темы