Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как сделать подписку на новости компании?
 
 автор: Владимир55   (09.02.2016 в 13:33)   письмо автору
31.2 Кб
 
 

Хочется сделать сервис подписки на новости по аналогии с тем, как это на скриншоте, только добавить второе поле с ником.

Саму технологию подписки я себе представляю и с тем, что касается отправки писем, подтверждением и занесением в базу, я надеюсь разобраться самостоятельно.

А вот сделать расположенное по середине всплывающее при открытии страницы окно, которое при заполнении дернет обработчик и выведет сообщение "Письмо отправлено", вот к этому я даже не знаю, как приступиться...

Может быть, Вы делали что-то подобное или знаете, как это сделать?

  Ответить  
 
 автор: Sfinks   (09.02.2016 в 21:53)   письмо автору
 
   для: Владимир55   (09.02.2016 в 13:33)
 

Есть сторонние сервисы. Например https://apidocs.mailchimp.com/ посмотрите

  Ответить  
 
 автор: Владимир55   (10.02.2016 в 10:07)   письмо автору
 
   для: Sfinks   (09.02.2016 в 21:53)
 

Сторонние сервисы я знаю, но уже давно зарекся от их использования. Всё должно быть только своё, и уж тем более рассылка.

  Ответить  
 
 автор: KPETuH   (10.02.2016 в 10:34)   письмо автору
 
   для: Владимир55   (09.02.2016 в 13:33)
 

А в чем проблема?
Проверяете куки если нет, то выводите окно, дергаете обработчик, записываете куку, если да то не выводите окно.

  Ответить  
 
 автор: Владимир55   (10.02.2016 в 14:22)   письмо автору
 
   для: 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 ";


Не работает. По клику на запись просто переходит на страницу обработчика!

Как исправить это дело?

  Ответить  
 
 автор: KPETuH   (10.02.2016 в 15:45)   письмо автору
 
   для: Владимир55   (10.02.2016 в 14:22)
 

Обработчик отрабатывает или нет?

  Ответить  
 
 автор: KPETuH   (10.02.2016 в 15:48)   письмо автору
 
   для: Владимир55   (10.02.2016 в 14:22)
 

Код который вы привели использует плагин для JQuery скорее всего этот
http://jquery-plugins.net/jquery-subscribe-better
Подозреваю чтоб заработало должен подключен плагин и настроен.

  Ответить  
 
 автор: Владимир55   (10.02.2016 в 16:17)   письмо автору
 
   для: KPETuH   (10.02.2016 в 15:48)
 

Обработчик инфу получает.

Вот демо http://www.sitehere.ru/examples/09.09.2014/index.html

У меня изначально и был этот код. Но в демо, как я уже писал, вообще нет обработчика.

плагин jQuery.subscribe-better.js используется, но что там настраивать?

  Ответить  
 
 автор: KPETuH   (10.02.2016 в 16:41)   письмо автору
 
   для: Владимир55   (10.02.2016 в 16:17)
 

Думаю вам нужно на кнопку повесить событие которое будет отправлять Ajax запрос к обработчику и получать ответ если требуется.

  Ответить  
 
 автор: Владимир55   (10.02.2016 в 16:59)   письмо автору
 
   для: KPETuH   (10.02.2016 в 16:41)
 

Спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования