A repository of over 1000 quality jQuery plugins

jQuery jquery.cookiefy

jquery.cookiefy is a jQuery Layout plugin.

Created by kmarryo

jquery.cookiefy is a very lightweight, adjustable and easy-to-use plugin for the EU-law cookie warning

Not what you're looking for? Click here to view more Layout jQuery plugins

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>
    2. When using npm
      <script src="node_modules/jquery.cookiefy/dist/jquery.cookiefy.min.js"></script>
    3. When using CDN
      <script src="//cdn.jsdelivr.net/jquery.cookiefy/1.0/jquery.cookiefy.min.js?x56871"></script>
    4. 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 warning
text, 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 the
cookie-warning
color#000#fffSets the color.
fontFamilyHelveticaSets the font-family
fontSize1.25emSets the font-size.
borderTop1px solid #0002px dotted greenSets the border-top value
borderTop1px solid #0002px dotted greenSets the border-top value
zIndex50130Set the z-index value of the cookie warning container
devModefalsetrueOn true no cookie will be set and the warning
shows 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



You might also like these other Layout jQuery Plugins

  • Tabs

    A jQuery plugin for simple tabs.

  • Equalize

    A jQuery plugin for equal dimensions.

  • Bricks.js

    A blazing fast masonry layout generator for fixed width elements

 Views
 Downloads

Preview Download Github Page
License:

The MIT License (MIT)