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

Тема в разделе "JavaScript", создана пользователем vovafrost, 9 окт 2013.

Модераторы: ZiX
  1. vovafrost

    vovafrost Создатель

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

    Код:
    <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 после просмотра страницы).

    Буду благодарен за помощь.
     
  2. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    после открытия поставить для него куку.. если её нет, открыть через 5-10 сек (setTimeout)..
     
  3. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    для простоты работы с cookies подключим плагин http://plugins.jquery.com/cookie/

    вот простой пример (стили добавлены для наглядности:(
    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>
     
    vovafrost нравится это.
  4. vovafrost

    vovafrost Создатель

    Регистр.:
    19 май 2012
    Сообщения:
    30
    Симпатии:
    2
    Спасибо ваш код прекрасно работает :)