Advertisement
kartofelek007

Cookie bar js

Apr 6th, 2013
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2. <script type="text/javascript">
  3.     $.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options.expires=-1}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000))}else{date=options.expires}expires='; expires='+date.toUTCString()}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('')}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break}}}return cookieValue}};
  4.  
  5.     var $cookieBar = $('<div class="cookie-bar"><div>'
  6.         + ' W ramach naszej witryny stosujemy pliki cookies, aby ułatwić Ci korzystanie z naszego serwisu oraz do celów '
  7.         + ' statystycznych. Korzystanie z witryny bez zmiany ustawień dotyczących plików cookies oznacza zgodę na ich użycie '
  8.         + ' oraz zapisanie w pamięci urządzenia. Możesz samodzielnie zarządzać cookies i dokonać zmiany ustawień w swojej przeglądarce.<br>'
  9.         + ' Więcej informacji w naszej <a href="#">Polityce prywatności</a>. '
  10.         + '</div><span class="close" title="Zamknij (ESC)">OK</span></div>');
  11.  
  12.     function destroyCookie() {
  13.         $.cookie('hideCookieBar',1,{expires:365})
  14.     };
  15.  
  16.     $(function(){
  17.         if(!$.cookie('hideCookieBar')){    
  18.             $('body').prepend($cookieBar);             
  19.             $(document).keyup(function(e) {
  20.                 e.preventDefault();
  21.                 if (e.keyCode == 27) {
  22.                     $('.cookie-bar .close').click();
  23.                 }
  24.             });
  25.             $('.cookie-bar .close').on('click', function(e) {
  26.                 e.preventDefault();
  27.                 $(this).parents('.cookie-bar').slideUp(), function(){
  28.                     destroyCookie();
  29.                 });
  30.             });
  31.         }
  32.        
  33.     });
  34.  </script>
  35.  
  36.  <style type="text/css">
  37.     .cookie-bar {position:relative; background:#eee; overflow:hidden; box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.2);}
  38.     .cookie-bar > div {font:11px Arial, sans-serif; color:#444; max-width:960px; margin:10px auto; text-align: left; padding-left:10px; padding-right:100px;}
  39.     .cookie-bar a {text-decoration:none; color:#1373cc; text-decoration: underline;}
  40.     .cookie-bar .close {font:bold 12px/28px Arial, sans-serif; color:#fff; position:absolute; top:50%; margin-top:-15px; right:10px; cursor:pointer; background: #666; display:inline-block; border-radius:3px; height:30px; width:60px; display:block; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  41.     .cookie-bar .close:hover {background:#555;}            
  42.     @media only screen and (max-width: 400px) {
  43.         .cookie-bar > div {padding-left:10px; padding-right:10px; margin:15px 0;}
  44.         .cookie-bar .close {position: relative; display:block; width:96%; margin:5px 2%; top:0; right:0;}
  45.     }
  46. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement