В поисках «закрытие блока на 24 часа через cookies и jquery» - Форум успешных вебмастеров

smsupport · 19.07.2013, 01:06

Может есть у кого такой скрипт? Поиск не выдает нужного результата.

huanpedro · 19.07.2013, 02:10

smsupport · 19.07.2013, 12:33

huanpedro, есть рекламный блок, мне нужно написать над блоком ссылку "закрыть". Когда юзер кликает "закрыть" ставится кука на 24 часа, баннер закрывается и более не показывается. После 24 часов баннер снова будет показываться юзеру.

~~llittle indian~~ · 19.07.2013, 12:41

ну так на body onload повесь проверку куков и выдачу этого блока

huanpedro · 19.07.2013, 14:01

накатал на скорую руку

PHP код:


			
<html><body>

<script>

<!--

function getCookie(name) {

  var matches = document.cookie.match(new RegExp(

    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"

  ));

  return matches ? decodeURIComponent(matches[1]) : undefined;

}





function setCookie(name) {

    var date = new Date( new Date().getTime() + 10*1000 );        // 10 sec

//    var date = new Date; date.setDate( date.getDate() + 1 );    // 1 day

        //    http://learn.javascript.ru/cookie        Help

    document.cookie=name+"=1; path=/; expires="+date.toUTCString();

}



function delCookie(name) {

    document.cookie=name+"=0; path=/; expires=-1";

    document.getElementById(name).innerHTML = '<table border=2 bgcolor=666666><tr><td><a href="javascript:void(0);" onclick="closeban(\''+name+'\');">Закрыть</a></td></tr><tr><td>Купи мою хрень</td></tr></table>';

}







function closeban(name) {

    if (!navigator.cookieEnabled) {

        alert('Включите cookie для закрытия блока');

    }

     else

    {

        document.getElementById(name).innerHTML = '<table border=2 bgcolor=ff6666><tr><td><a href="javascript:void(0);" onclick="delCookie(\''+name+'\');">удалить куку</a></td></tr></table>';

        setCookie(name);

    }

}



function openblok(name) {

    if((getCookie(name))&&(getCookie(name) == 1))

    {

        document.getElementById(name).innerHTML = '<table border=2 bgcolor=ff6666><tr><td><a href="javascript:void(0);" onclick="delCookie(\''+name+'\');">удалить куку</a></td></tr></table>';

    }

     else

    {

        document.getElementById(name).innerHTML = '<table border=2 bgcolor=666666><tr><td><a href="javascript:void(0);" onclick="closeban(\''+name+'\');">Закрыть</a></td></tr><tr><td>Купи мою хрень</td></tr></table>';

    }

}





-->

</script>







<table border=1><tr></td>

<div id="banner"></div>

<script><!--

openblok("banner");

--></script>

</td></tr></table>



</body>

</html>

huanpedro · 19.07.2013, 23:46

тут чутка форум похерил одну функцию, ее надо поменять на :

Цитата:

function getCookie(name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
}

huanpedro · 20.07.2013, 17:27

вот вариант для адсенса

Цитата:

<html><body>
<script>

</script>

<table border=1><tr></td>
<table border=2 bgcolor=ff6666><tr><td><a href="javascript:void(0);" onclick="delCookie(\''+name+'\');">удалить куку</a></td></tr></table>

<div id="banner">
<table border=2 bgcolor=666666><tr><td><a href="javascript:void(0);" onclick="closeban('banner');">Закрыть</a></td></tr><tr><td>АДСЕНС</td></tr></table>
</div>

<script></script>
</td></tr></table>

</body>
</html>

EmmetBraun · 21.07.2013, 07:30

В теме jquery, да и чистый js немного диковат
Вот закрытие навсегда. Допилить для 24-ух часов не составит труда.

PHP код:


			
        jQuery(function(){

            var $Banner = $('#banner'),

                $CloseButton = $('#close'),

                init = function() {

                    $CloseButton.on('click', function(){



                        $.cookie('isBannerClosed', 'true');

                        $Banner.hide();

                    });



                    if($.cookie('isBannerClosed') == 'true') {

                        $Banner.hide();

                    } 

                };

            

            init();

        });