JSPM

  • Created
  • Published
  • Downloads 16
  • Score
    100M100P100Q72726F
  • License MIT

EU cookie warn

Package Exports

  • cookie-warn

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cookie-warn) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Cookie Warn

EU Cookie Law warning message

preview npm GitHub issues npm schalkt

bitHound Overall Score bitHound Dependencies bitHound Code jsDelivr

Features

  • responsive
  • jQuery not required
  • multilanguage support
  • customizable style
  • Bootstrap detect
  • adjustable delay and expire days

Easy usage:

Example 1

<html lang="en" ... >
...
<script
    id="cookieWarn"
    data-lang-en="{
          'text': 'Our website uses cookies.',
          'more_text': 'Click here for more information',
          'more_link': 'http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm',
          'accept_text': 'I accept',
          'reject_text': 'I reject',
          'reject_info': 'You can disable unwanted cookies by using this program',
          'reject_link': 'https://www.ghostery.com/'
       },
    }"
    data-expire="365" (optional, default 365 day)
    data-domain="*.domain.tld" (cookie domain, optional)
    data-path="/" (cookie path, optional)
    data-secure="true" (cookie secure, true / false, optional)
    data-delay="750" (optional, default 500)
    data-class="customCookieWarning" (optional)
    data-style="#cookieWarnBox a { color: #ff0000; }" (optional)
    type="text/javascript"
    src="../cookie-warn.min.js">
</script>

Example 2

 <html lang="en" ... >
 ...
 <script type="text/javascript" src="../cookie-warn.min.js"></script>
 
 <div
     id="cookieWarn"
     data-lang-en="{
           'text':'Our website uses cookies.',
           'accept_text':'I accept',
           'more_text':'Click here for more information',
           'more_link':'http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm'
     }"
     data-lang-hu="{
           'text':'Weboldalunk sütiket használ.',
           'accept_text':'Elfogadom',
           'more_text':'Kattints ide a bővebb információért',
           'more_link':'http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm'
     }">
 </div>

TODO

  • store cookie when reject?