Question

Добрый вечер, интересует очень интересный вопрос. Скажите пожалуйста почему при создании веб формы с помощью модуля и интеграции её на сайт она оборачивается в какой то див с автогенерируемым ID ? Причем для каждой формы свой личный ID. 

Вот так выглядит моя форма: 

<div id="comp_72f8219f96395bf34e419e6a1b5a7657">

 

 

<div class="col-sm-6">Имя: <input type="text" class="inputtext" name="form_text_1" value="" size="0"></div>

 

<div class="col-sm-6">Телефон: <input type="text" class="inputtext" name="form_text_2" value="" size="0"></div>

 

<div class="col-sm-12"> <button type="submit" class="btn btn-primary" name="web_form_submit" value="ОТПРАВИТЬ!">ОТПРАВИТЬ!</button></div>

 

 

</div>

 

Скажите где генерируется данный div? В шаблоне компонента я его не нашёл... Возможно ли ему дописать какой то класс? 

 

Заранее спасибо за помощь! 

 

Answer 1

Это сделано для случая, когда на странице несколько форм (одного компонента). Для них javascript код будет один и тот же, а работать они должны независимо. Для этого вывод каждого компонента оборачивается в такой div, id которого используется для инициализации javascript обработчиков.

Дописать класс можно, например, через javascript - найти какой-то фиксированный объект DOM внутри формы, и поднятся до нужного DIV через parentNode

Comments

Благодарю за помощь. Вот скажи пожалуйста, в этом же блоке при  успешной отправке формы выводится такое стандартное сообщение:
Спасибо! Ваша заявка принята!
Но при настройке формы там есть пунктик: Страница с сообщением об успешной отправке.
Так вот, если указать там страничку, то он после отправки перейдет на нее.
Возможно ли сделать так, чтобы после отправки он всего лишь выводил мое сообщение с моими стилями, и выводил без перезагрузки страницы.

Я никак не могу понять как это сделать:( НУжно именно через аякс вывести.

---

Надо копать шаблон на предмет того, как он работает при получении ajax ответа. Использовать параметр компонента SUCCESS_URL вместе с AJAX не получится, так как редирект при заполненном SUCCESS_URL происходит внутри кода компонента.