×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: Gábor Papp
Added: Mar 2, 2020 6:51 PM
Views: 4280
Tags: no tags
  1. <script>
  2.     function getCookie(cname) {
  3.         var name = cname + "=";
  4.         var ca = document.cookie.split(';');
  5.         for (var i = 0; i < ca.length; i++) {
  6.             var c = ca[i];
  7.             while (c.charAt(0) == ' ') c = c.substring(1);
  8.             if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
  9.         }
  10.         return "";
  11.     }
  12.  
  13.     var options = {
  14.         text: 'Annak érdekében, hogy a weboldalunk hatékonyabban üzemeljen, sütiket használunk. <a href="/suti-informaciok" target="_blank" style="color: #ffffff;"><strong>További információ</strong></a>', // Kiírt szöveg
  15.         btnText: 'Elfogadom', // Elfogadás gomb
  16.         bgColor: '#000000', // Fő háttér
  17.         textColor: '#fff', // Fő betűszín
  18.         btnColor: '#ff6600', // Gomb háttérszín
  19.         btnTextColor: '#fff', // Gomb betűszín
  20.         position: 'top', // Az egész sáv position-je
  21.         leftPadding: '0', // Left:
  22.         rightPadding: '0', // Right:
  23.         hideAnimation: 'fadeOut' // Eltünés animációja
  24.     };
  25.  
  26.     function cookieelfogadva() {
  27.         var date = new Date();
  28.         date.setTime(date.getTime()+31536000000);
  29.         document.cookie = "cookie_policy=true; expires="+date.toGMTString()+"; path=/";
  30.         $('#cookie_container').slideUp();
  31.     }
  32.  
  33.     $(function() {
  34.         var cstyle='<style>';
  35.         cstyle+='.cookie_container { display: none; padding: 5px; background-color:' + options.bgColor + '; color:' + options.textColor + '; }';
  36.         cstyle+='.cookie_inner { }';
  37.         cstyle+='.cookie_inner p { margin: 10px 0px; padding: 5px 0px; }';
  38.         cstyle+='#setCookie { float: right; padding: 5px 10px; text-decoration: none; background-color: ' + options.btnColor + '; color: ' + options.btnTextColor + '; margin-top: 9px; }';
  39.         cstyle+='#setCookie:hover { background-color: #940b39 !important; color: #ffffff !important; }';
  40.         cstyle+='</style>';
  41.         $('head').append(cstyle);
  42.  
  43.         var popup = '<div id="cookie_container" class="cookie_container">';
  44.         popup += '<div class="container cookie_inner"><div class="row"><div class="col-md-12">';
  45.         popup += '<a id="setCookie" href="javascript:cookieelfogadva();">' + options.btnText + '</a>';
  46.         popup += '<p>' + options.text + '</p>';
  47.         popup += '</div></div></div>';
  48.         popup += '</div>';
  49.         $(popup).prependTo('body');
  50.         var cookie = getCookie('cookie_policy');
  51.         if (!cookie) {
  52.             $('#cookie_container').show();
  53.         }
  54.     });
  55. </script>