1.0.4 • Published 8 years ago

jquery.cookiefy v1.0.4

Weekly downloads
6
License
MIT
Repository
github
Last release
8 years ago

jquery.cookiefy

npm version Bower version

Lightweight jQuery plugin to the EU cookie laws

Demo: kmarryo.github.io/jquery.cookiefy

Installation

  1. Install via either bower, npm or downloaded files:

    1. via bower: bower install --save jquery.cookiefy
    2. via npm: npm install --save jquery.cookiefy
    3. via CDN (jsDelivr)
    4. via downloaded files
  2. Include jquery.cookiefy in your HTML.

    1. When using bower
    <script src="bower_components/jquery.cookiefy/dist/jquery.cookiefy.min.js"></script>
    1. When using npm
    <script src="node_modules/jquery.cookiefy/dist/jquery.cookiefy.min.js"></script>
    1. When using CDN
    <script src="//cdn.jsdelivr.net/jquery.cookiefy/1.0/jquery.cookiefy.min.js"></script>
    1. When using downloaded files
    <script src="YOUR_PATH/jquery.cookiefy.min.js"></script>

Usage

$('body').cookiefy();

Optional Parameters

Define your own text and styles for the eu-cookie warning.

NameDefaultSampleDescription
displayedHtmlwarning text*You can insert your own cookie warningtext, e.g.with a link to your cookie policy site.
closeButtonUrlclose-btn.pngChange the close button. Valid parameters:relative/absolute image url or base64 string
backgroundColor#bebebetomatoChanges the background-color of thecookie-warning.
color#000#fffSets the color.
fontFamilyHelveticaSets the font-family
fontSize1.25emSets the font-size.
borderTop1px solid #0002px dotted greenSets the border-top value.
cssPrefixcookiefy_my-own-page_Set the css id prefix for all created DOMelements and for the cookie name
devModefalsetrueOn true no cookie will be set and the warningshows up every time you open the page.

*We use cookies to ensure that we give you the best experience on our website. If you continue, you agree with <strong>our cookie policy</strong>.

Example

$('body').cookiefy({
    backgroundColor: 'dimgray',
    color: 'ghostwhite',
    fontFamily: 'Helvetica',
    fontSize: '1rem',
    borderTop: '1px solid #000',
    closeButtonUrl: 'https://cdn3.iconfinder.com/data/icons/interface/100/close_button_1-512.png'
});

Customize via CSS

You can style this three css ids:

  • #cookiefy_bar (complete cookie message div)
  • #cookiefy_cookie-text
  • #cookiefy_close (close button)

License

MIT

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago