Как передать значение атрибута формы обратной связи в тело письма?
Алексей
1,1K
1
Добрый день! До полного щастья осталось «добить» два вопроса.
За основу взята форма «feedback-two-forms-with-captcha»
На одной странице несколько кнопок вызова формы в модальном окне.
Форма одна, чтобы не плодить кучу форм названия (заголовки) формы организованы с помощью атрибута — data-title (
1) Подскажите пожалуйста, как данные из атрибута data-title=«Название заголовка» передать на почту для идентификации формы. Что нужно дописать в main.js, process.php....?
2) При открытии формы в модальном окне справа появляется отступ и сайт смещается. Закрывая окно сайт немного сдвигается обратно, но отступ все равно остается. где и как копать чтобы найти причину?
Форма находится в корне в папке «feedback» Стили bootstrap.css из этой папки не подключены, так как плывет весь сайт.
За основу взята форма «feedback-two-forms-with-captcha»
На одной странице несколько кнопок вызова формы в модальном окне.
Форма одна, чтобы не плодить кучу форм названия (заголовки) формы организованы с помощью атрибута — data-title (
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#feedbackFormModal" data-title="Название заголовка">) и скрипт
$('[data-toggle="modal"]').click(function (e) {
e.preventDefault();
var idSelector = $(this).attr('data-target');
var title = $(this).attr('data-title');
$(idSelector).find('.modal-title').text(title);
});1) Подскажите пожалуйста, как данные из атрибута data-title=«Название заголовка» передать на почту для идентификации формы. Что нужно дописать в main.js, process.php....?
2) При открытии формы в модальном окне справа появляется отступ и сайт смещается. Закрывая окно сайт немного сдвигается обратно, но отступ все равно остается. где и как копать чтобы найти причину?
Форма находится в корне в папке «feedback» Стили bootstrap.css из этой папки не подключены, так как плывет весь сайт.
Если статья понравилась, то поделитесь ей в социальных сетях:
Комментарии ()
Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.
Рабочий вариант.
Чтобы не плодить кучу форм для одной страницы, названия (заголовки) формы организованы с помощью атрибута — data-argument.
1) добавляем атрибут в кнопку
)
2) вставляем на странице скрипт
<script> $('[data-toggle="modal"]').click(function (e) { e.preventDefault(); var idSelector = $(this).attr('data-target'); var title = $(this).attr('data-argument'); $(idSelector).find('.modal-title').text(title); $('#feedbackForm').prepend('<input type="hidden" name="argument" value="' + title + '">'); }); </script>3) Принимаем в process.phpif (isset($_POST['argument'])) { $argument = filter_var($_POST['argument'], FILTER_SANITIZE_STRING); }Выполняем замену$bodyMail = str_replace('%email.argument%', isset($argument) ? $argument : '-', $bodyMail);4) Передаем на почту через email.tplЕсли правильно понимаю, то:
1) создаем скрытое поле в форме в которое переходит название атрибута data-title=«Задача»
2) Принимаем в process.php 3) Передаем на почту через email.tpl Я полный чайник, понимаю плохо — где ошибки. Подправьте пожалуйста.
body{padding: 0 !important;}
Остался 1, Помогите люди добрые)))