• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Почтовые формы
Почтовые формы
dimuhametov
Сообщений: 13
Репутация: 5

Сообщение # 1 | 17:30:38
Уважаемые форумчане !
Подскажите скрипт. После нажатия кнопки "Отправить сообщение" в обратной связи нужно что бы открывалась другая страница (ту которая я хочу). Это возможно ?
$Vladimir$
$SUPPORT$
Сообщений: 6883
Репутация: 1001

Сообщение # 2 | 17:07:23
dimuhametov, посмотрите решение тут

dimuhametov
Сообщений: 13
Репутация: 5

Сообщение # 3 | 17:41:32
Цитата $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
Цитата dimuhametov ()
Владимир спасибо. Поменял в "обратной связи" стандартный <input type="submit" value="Отправить сообщение"> на вами предложенный <input TYPE="button" VALUE="Нажать нежно" ONCLICK="ReloadButton()"> <script> function ReloadButton() { location.href="/"; } </script>Но, форма новая открывается то новая, а вот почтовое сообщение от отправителя не доходит до меня. А хотелось бы, что бы после нажатия "Отправить сообщения" открывалась новая форма или ссылка.

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

Код
<script>setTimeout(function() {  function ReloadButton() { location.href="/"; }  }, 1000);<script>

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

Сообщение # 5 | 05:55:10
Цитата Frilanser ()
Повесьте скрипту тайм аут исполнения.
Исправил как вы сказали:
<input TYPE="button" VALUE="Нажать нежно" ONCLICK="ReloadButton()"> <script>setTimeout(function() { function ReloadButton() { location.href="/"; } }, 1000);<script>
Окно проверки один раз моргнуло и тишина ... Кнопка "Нажать нежно" не реагирует ни на что.
$Vladimir$
$SUPPORT$
Сообщений: 6883
Репутация: 1001

Сообщение # 6 | 08:33:47
Цитата dimuhametov ()
Поменял в "обратной связи" стандартный <input type="submit" value="Отправить сообщение"> на вами предложенный

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

Код работает корректно при нажатии на кнопку в окне уведомления
Код
<form> <input type="button" value="закрыть окно" onclick="ReloadButton()"> <script> function ReloadButton() { location.href="/"; } </script> </form>

Код с отсрочкой времени
Код
<script type="text/javascript">setTimeout('location="/";', 2000);</script>

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

dimuhametov
Сообщений: 13
Репутация: 5

Сообщение # 7 | 09:53:53
Владимир спасибо !!!!
manager5974
Сообщений: 2
Репутация: 0

Сообщение # 8 | 14:34:11
У меня также проблема с отправкой формы
Может, кто-то подскажет, почему не работает почтовая форма.
Форма скачана отсюда - 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$
$SUPPORT$
Сообщений: 6883
Репутация: 1001

Сообщение # 9 | 14:01:44
Цитата manager5974 ()
Однако, при отправке формы возникает ошибка - http://prntscr.com/lj3c0l


manager5974, удалите из шаблона почтовой формы части кода:
Код
<form class="contact100-form validate-form">

Код
</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$
$SUPPORT$
Сообщений: 6883
Репутация: 1001

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

manager5974
Сообщений: 2
Репутация: 0

Сообщение # 11 | 20:01:30
Отлично, все теперь работает. Большое спасибо!
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Почтовые формы
  • Страница 1 из 1
  • 1
Поиск: