Почтовые формы - Сообщество uCoz

Страница 1 из 1 1
Модератор форума: Yuri_G

Почтовые формы

dimuhametov

Сообщений: 35

Репутация: 5

Сообщение # 1 | 17:30:38 26 Сен 2016

Уважаемые форумчане !
Подскажите скрипт. После нажатия кнопки "Отправить сообщение" в обратной связи нужно что бы открывалась другая страница (ту которая я хочу). Это возможно ?

$Vladimir$

Сообщений: 7465

Репутация: 1053

Сообщение # 2 | 17:07:23 27 Сен 2016

dimuhametov, посмотрите решение тут

dimuhametov

Сообщений: 35

Репутация: 5

Сообщение # 3 | 17:41:32 27 Сен 2016

Цитата $Vladimir$ (

)

dimuhametov, посмотрите решение тут

Владимир спасибо. Поменял в "обратной связи" стандартный <input type="submit" value="Отправить сообщение"> на вами предложенный <input TYPE="button" VALUE="Нажать нежно" ONCLICK="ReloadButton()"> <script> function ReloadButton() { location.href="/"; } </script>
Но, форма новая открывается то новая, а вот почтовое сообщение от отправителя не доходит до меня. А хотелось бы, что бы после нажатия "Отправить сообщения" открывалась новая форма или ссылка.

Frilanser

Сообщений: 123

Репутация: 16

Сообщение # 4 | 18:15:20 27 Сен 2016

Цитата dimuhametov (

)

Владимир спасибо. Поменял в "обратной связи" стандартный <input type="submit" value="Отправить сообщение"> на вами предложенный <input TYPE="button" VALUE="Нажать нежно" ONCLICK="ReloadButton()"> <script> function ReloadButton() { location.href="/"; } </script>Но, форма новая открывается то новая, а вот почтовое сообщение от отправителя не доходит до меня. А хотелось бы, что бы после нажатия "Отправить сообщения" открывалась новая форма или ссылка.

Повесьте скрипту тайм аут исполнения.

Код

Напишем сайт, скрипт - любой тематики и сложности, в макс. быстрые сроки!.. Предоставляем SEO услуги!. За подробностями обращайтесь по Контактам: vk.com/unicoder | Skype: spammrac ...

dimuhametov

Сообщений: 35

Репутация: 5

Сообщение # 5 | 05:55:10 28 Сен 2016

Цитата Frilanser (

)

Повесьте скрипту тайм аут исполнения.

Исправил как вы сказали:
<input TYPE="button" VALUE="Нажать нежно" ONCLICK="ReloadButton()"> <script>setTimeout(function() { function ReloadButton() { location.href="/"; } }, 1000);<script>
Окно проверки один раз моргнуло и тишина ... Кнопка "Нажать нежно" не реагирует ни на что.

$Vladimir$

Сообщений: 7465

Репутация: 1053

Сообщение # 6 | 08:33:47 28 Сен 2016

Цитата dimuhametov (

)

Поменял в "обратной связи" стандартный <input type="submit" value="Отправить сообщение"> на вами предложенный

dimuhametov, не менять нужно, а добавить скрипт в окно уведомления об успешной отправке.

Код работает корректно при нажатии на кнопку в окне уведомления

Код

<form> <input type="button" value="закрыть окно" onclick="ReloadButton()"> <script> function ReloadButton() { location.href="/"; } </script> </form>

Код с отсрочкой времени

Код

location="/"; = страница для перехода
2000 = время

dimuhametov

Сообщений: 35

Репутация: 5

Сообщение # 7 | 09:53:53 28 Сен 2016

Владимир спасибо !!!!

manager5974

Сообщений: 2

Репутация: 0

Сообщение # 8 | 14:34:11 16 Ноя 2018

У меня также проблема с отправкой формы
Может, кто-то подскажет, почему не работает почтовая форма.
Форма скачана отсюда - https://colorlib.com/wp/free-html5-contact-form-templates/
Выбрал форму Contact Form 17 by Colorlib. Были трудности с интеграцией дизайна, но это уже как-то решил. Теперь форма корректно отображается - https://ppcexperts.tk/index/0-3
Однако, при отправке формы возникает ошибка - http://prntscr.com/lj3c0l
В конструкторе полей выглядит так - http://prntscr.com/lj3dba
Дизайн шаблона формы во вложении.
Может кто-то подскажет, в чем проблема?

Добавлено (16 Ноя 2018, 14:35:31)
---------------------------------------------
Во вложение не добавилось, поэтому тут пишу:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" type="image/png" href="/images/icons/favicon.ico"/>

<link rel="stylesheet" type="text/css" href="/vendor/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/fonts/font-awesome-4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">

<link rel="stylesheet" type="text/css" href="/vendor/animate/animate.css">

<link rel="stylesheet" type="text/css" href="/vendor/css-hamburgers/hamburgers.min.css">

<link rel="stylesheet" type="text/css" href="/vendor/animsition/css/animsition.min.css">

<link rel="stylesheet" type="text/css" href="/vendor/select2/select2.min.css">

<link rel="stylesheet" type="text/css" href="/vendor/daterangepicker/daterangepicker.css">

<link rel="stylesheet" type="text/css" href="/css/util.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">

</head>
<body>

<div class="container-contact100">
<div class="wrap-contact100">
<form class="contact100-form validate-form">
<span class="contact100-form-title">
Send Us A Message
</span>

<label class="label-input100" for="f6">Tell us your name *</label>
<div class="wrap-input100 rs1-wrap-input100 validate-input" data-validate="Type first name">
<input id="first-name" class="input100" type="text" name="f6" placeholder="First name">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 rs2-wrap-input100 validate-input" data-validate="Type last name">
<input class="input100" type="text" name="f4" placeholder="Last name">
<span class="focus-input100"></span>
</div>

<label class="label-input100" for="f1">Enter your email *</label>
<div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
<input id="email" class="input100" type="text" name="f1" placeholder="Eg. example@email.com">
<span class="focus-input100"></span>
</div>

<label class="label-input100" for="f5">Choose the Service</label>
<div class="wrap-input200">
<select id="service" class="input100" name="f5" placeholder="Service"><option>PPC</option> <option>Audit</option> <option>Analytics</option> <option>Websites</option> <option>Web Design</option> <option>Other</option></select>

<span class="focus-input100"></span>
</div>

<label class="label-input100" for="f2">Message *</label>
<div class="wrap-input100 validate-input" data-validate = "Message is required">
<textarea id="message" class="input100" name="f2" placeholder="Write us a message"></textarea>
<span class="focus-input100"></span>
</div>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn">
Send Message
</button>
</div>
</form>

<div class="contact100-more flex-col-c-m" style="background-image: url('/images/bg-01.jpg');">
<div class="flex-w size1 p-b-47">
<div class="txt1 p-r-25">
<span class="lnr lnr-map-marker"></span>
</div>

<div class="flex-col size2">
<span class="txt1 p-b-20">
Address
</span>

<span class="txt2">
PPC Experts Co., 29 Pivdenno-Kiltseva St, Chernivtsi, 58032 Ukraine
</span>
</div>
</div>

<div class="dis-flex size1 p-b-47">
<div class="txt1 p-r-25">
<span class="lnr lnr-phone-handset"></span>
</div>

<div class="flex-col size2">
<span class="txt1 p-b-20">
Lets Talk
</span>

<span class="txt3">
+38 093 4251222
</span>
</div>
</div>

<div class="dis-flex size1 p-b-47">
<div class="txt1 p-r-25">
<span class="lnr lnr-envelope"></span>
</div>

<div class="flex-col size2">
<span class="txt1 p-b-20">
General Support
</span>

<span class="txt3">
manager@ppcexperts.tk
</span>
</div>
</div>
</div>
</div>
</div>

<div id="dropDownSelect1"></div>


<script src="/vendor/jquery/jquery-3.2.1.min.js"></script>

<script src="/vendor/animsition/js/animsition.min.js"></script>

<script src="/vendor/bootstrap/js/popper.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

<script src="/vendor/select2/select2.min.js"></script>
<script>
$(".selection-2").select2({
minimumResultsForSearch: 20,
dropdownParent: $('#dropDownSelect1')
});
</script>

<script src="vendor/daterangepicker/moment.min.js"></script>
<script src="vendor/daterangepicker/daterangepicker.js"></script>

<script src="vendor/countdowntime/countdowntime.js"></script>

<script src="/js/main.js"></script>
</body>
</html>

$Vladimir$

Сообщений: 7465

Репутация: 1053

Сообщение # 9 | 14:01:44 17 Ноя 2018

Цитата manager5974 (

)

Однако, при отправке формы возникает ошибка - http://prntscr.com/lj3c0l

manager5974, удалите из шаблона почтовой формы части кода:

Код

Код

</form>

Код

<div id="dropDownSelect1"></div>


<script src="/vendor/jquery/jquery-3.2.1.min.js"></script>

<script src="/vendor/animsition/js/animsition.min.js"></script>

<script src="/vendor/bootstrap/js/popper.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

<script src="/vendor/select2/select2.min.js"></script>
<script>
$(".selection-2").select2({
minimumResultsForSearch: 20,
dropdownParent: $('#dropDownSelect1')
};);
</script>

<script src="vendor/daterangepicker/moment.min.js"></script>
<script src="vendor/daterangepicker/daterangepicker.js"></script>

<script src="vendor/countdowntime/countdowntime.js"></script>

<script src="/js/main.js"></script>

</body>
</html>

$Vladimir$

Сообщений: 7465

Репутация: 1053

Сообщение # 10 | 14:12:44 17 Ноя 2018

manager5974, также обратите внимание, поле name="f2" в системе используется для значения Тема письма.
Я бы рекомендовал сделать еще одно поле, для использования его как Teкст сообщения, а поле для темы сделал бы скрытым, с любым значением, например value="Contact Us"

manager5974

Сообщений: 2

Репутация: 0

Сообщение # 11 | 20:01:30 17 Ноя 2018

Отлично, все теперь работает. Большое спасибо!

Почтовые формы

Страница 1 из 1
1

Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!