Добавлние кнопок к форме обратной связи

1 марта 2021

Если вам понадобилось добавить кнопок к форме обратной связи, то сделать это можно следующим образом:

Какой-то поясняющий или внезапно продающий текст :)

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана. Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами. Эта парадигматическая страна, в которой предложения залетают прямо в рот. Даже всемогущая пунктуация не имеет власти над рыбными текстами, ведущими безорфографичный образ жизни. Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в большой мир грамматики. Великий Оксмокс предупреждал ее о злых запятых, диких знаках вопроса и коварных точках с запятой, но текст не дал сбить.

Кнопка 3

Для этого нам понадобится:

ФОРМА ОБРАТНОЙ СВЯЗИ

Добавлние кнопок к форме обратной связи. Фотограф Константин Шамин

И ТРИ КНОПКИ

При этом, форму и кнопки мы располагаем каждые на своей строке

Следующим этапом нам понадобиться HTML-блок, в который мы вписываем:

<style>
#section-1777258, #section-1777260, #section-1777262 {
   display: none;
}
a.button {
   text-decoration: none !important;
}
</style>

<script>
var b1 = $("#section-1777258 .button")[0].outerHTML;
var b2 = $("#section-1777260 .button")[0].outerHTML;
var b3 = $("#section-1777262 .button")[0].outerHTML;

$("#section-1777258").remove();
$("#section-1777260").remove();
$("#section-1777262").remove();

var new_pos = '<div class="row"><div class="col-4" style="padding-right:0;">'+b1+'</div><div class="col-4" style="padding-right:0;">'+b2+'</div><div class="col-4" style="padding-right:0;">'+b3+'</div></div>';

$("#section-1777255 .text-section").append(new_pos);
</script>