Нужна помощь - однократное всплывание окна с формой

vovafrost

vovafrost

Создатель
Регистрация
19 Май 2012
Сообщения
30
Реакции
3
Добрый день!
У меня сделана панель с формой подписки на новости, панель выплывает при нажатии. Код такой:

Код: 
<script>
$(document).ready(function(){         
    $("div.slide_panel p.open").toggle(function(){
        $("div.slide_panel").animate({left:'252px'},500);},
                function() {
        $("div.slide_panel").animate({left:0},500);
               
               
    });
       
});

Нужно сделать чтобы панель однократно открывалась при посещении сайта пользователем (через секунд 5-10 после просмотра страницы).

Буду благодарен за помощь.
 
после открытия поставить для него куку.. если её нет, открыть через 5-10 сек (setTimeout)..
 
для простоты работы с cookies подключим плагин Для просмотра ссылки Войди или Зарегистрируйся

вот простой пример (стили добавлены для наглядности:(
HTML: 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <script src="jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            if( ! $.cookie('slide_panel_cookie') ){

                $("div.slide_panel")
                    .delay( 1000 ) // сейчас задержка одна секунда..
                    .animate(
                        { left: '252px' },
                        {
                            duration: 500,
                            complete: function(){

                                $.cookie( 'slide_panel_cookie', '1' );
                            }
                        }
                    );
            }

        });
    </script>

    <style type="text/css">

        .slide_panel{
            position: absolute;
            border:1px solid red;
        }

    </style>

</head>

<body>

    <div class="slide_panel">
        <p class="open">text</p>
    </div>

</body>
</html>
 
Спасибо ваш код прекрасно работает :)
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху