| |
 31.2 Кб |
|
| | Хочется сделать сервис подписки на новости по аналогии с тем, как это на скриншоте, только добавить второе поле с ником.
Саму технологию подписки я себе представляю и с тем, что касается отправки писем, подтверждением и занесением в базу, я надеюсь разобраться самостоятельно.
А вот сделать расположенное по середине всплывающее при открытии страницы окно, которое при заполнении дернет обработчик и выведет сообщение "Письмо отправлено", вот к этому я даже не знаю, как приступиться...
Может быть, Вы делали что-то подобное или знаете, как это сделать? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(09.02.2016 в 13:33)
| | | Есть сторонние сервисы. Например https://apidocs.mailchimp.com/ посмотрите | |
| |
|
|
| |
|
|
| |
для: Sfinks
(09.02.2016 в 21:53)
| | | Сторонние сервисы я знаю, но уже давно зарекся от их использования. Всё должно быть только своё, и уж тем более рассылка. | |
| |
|
|
| |
|
|
| |
для: Владимир55
(09.02.2016 в 13:33)
| | | А в чем проблема?
Проверяете куки если нет, то выводите окно, дергаете обработчик, записываете куку, если да то не выводите окно. | |
| |
|
|
| |
|
|
| |
для: KPETuH
(10.02.2016 в 10:34)
| | | Нашел в сети ]типовой скрипт http://www.sitehere.ru/nastraivaemoe-vsplyvayushhee-okno-podpiski. Примитивный, но уж хотя бы такой.
Алгоритм такой: если страницу прокрутить вниз, то всплывает форма подписки. Вот код (сорри, что длинный контекст, но уж как в исходнике):
<!DOCTYPE html>
<html lang="en" class="no-js demo1">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex,nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Настраиваемые всплывающие окна подписки</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/subscribe-better.css" />
<script type="text/javascript" src="js/jquery.subscribe-better.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="container">
<div class="header">
<h1>jQuery Подписка: Настройки По Умолчанию</h1>
</div>
<div class="main">
<div class="page_container">
<div class="subscribe-me">
<h2>Подписка на обновления</h2>
<a href="#close" class="sb-close-btn">x</a>
<p>Получайте самые последние новости на свой e-mail</p>
<form>
<input type="email" placeholder="Email адрес">
<input type="submit" value="Получать">
</form>
</div>
<h1>Прокрутите страницу вниз</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit"</p>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready( function() {
$(".subscribe-me").subscribeBetter();
});
</script>
</body>
</html>
|
Как видите, тут обработчик даже не упоминается, и куда его подключать - не понятно.
Я внес изменения в форму:
<form method="POST" action="result.php">
<input type="text" name="name" placeholder="Ваше имя">
<input type="email" name="email" placeholder="Email адрес">
<input type="submit" value="Получать">
</form>
|
А в обработчике result.php написал для контроля:
<?php
header("Content-type: text/html; charset=utf-8");
$name = $_POST['name'];
$email = $_POST['email'];
$date = date("H-i-s" );
file_put_contents($date . ".txt", $name . " " . $email);
echo "name $name - email $email ";
|
Не работает. По клику на запись просто переходит на страницу обработчика!
Как исправить это дело? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.02.2016 в 14:22)
| | | Обработчик отрабатывает или нет? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.02.2016 в 14:22)
| | | Код который вы привели использует плагин для JQuery скорее всего этот
http://jquery-plugins.net/jquery-subscribe-better
|
Подозреваю чтоб заработало должен подключен плагин и настроен. | |
| |
|
|
| |
|
|
| |
для: KPETuH
(10.02.2016 в 15:48)
| | | Обработчик инфу получает.
Вот демо http://www.sitehere.ru/examples/09.09.2014/index.html
У меня изначально и был этот код. Но в демо, как я уже писал, вообще нет обработчика.
плагин jQuery.subscribe-better.js используется, но что там настраивать? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.02.2016 в 16:17)
| | | Думаю вам нужно на кнопку повесить событие которое будет отправлять Ajax запрос к обработчику и получать ответ если требуется. | |
| |
|
|
| |
|
|
| |
для: KPETuH
(10.02.2016 в 16:41)
| | | Спасибо! | |
| |
|
|
